angular - 无法绑定(bind)到 'matMenuTriggerFor'，因为它不是 'button' 的已知属性

Question

当我尝试测试 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",。 我还在 TestBed 下的 beforeAll block 中导入了所有必需的 Material 依赖项 我还尝试将按钮的属性从 matMenuTriggerFor 更改为 mat-menu-trigger-for。它没有用。

请建议我如何修复此测试。

Answer 1

在您的功能模块或该组件所在的模块中导入 MatMenuModule。

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

和

imports: [
  MatMenuModule
]