web-dev-qa-db-ja.com

「matMenuTriggerFor」は「button」の既知のプロパティではないため、バインドできません

angularコンポーネントをテストしようとすると、次のエラーが表示されます。

Jestテストの実行中にエラーが発生しました:

Can't bind to 'matMenuTriggerFor' since it isn't a known property of 'button'.

これが私のhtmlです。

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>`

Package.jsonで"@angular/material": "6.1.0",を使用しています。 beforeAllの下のTestBedブロックに必要なすべてのマテリアルの依存関係もインポートしました。ボタンのプロパティをmatMenuTriggerForからmat-menu-trigger-forに変更しようとしました。うまくいきませんでした。

このテストを修正する方法を提案してください。

24
RV.

インポートMatMenuModule機能のモジュールORこのコンポーネントが存在するモジュール。

 import { MatMenuModule} from '@angular/material/menu';

そして

imports: [
  MatMenuModule
]
41

MatMenuModuleインポートをapp.moduleファイルに追加する必要があると思います。

4
Paul