ngFor中的mat-menu不适用于生产构建（Angular 4）

Question

我正在尝试使用Angular 4中的ngFor为每个列表项创建一个菜单列表。在开发模式下构建菜单但在生产模式下构建时它不能正常工作。单击列表项上的按钮时，菜单会切换，但单击其他​​位置不会将其切换为关闭状态。以下是我正在使用的代码。

<mat-list>
    <a mat-list-item *ngFor="let forest of forests">
        <h4 mat-line>{{ forest.name }}</h4>
        <mat-menu #m="matMenu">
          <button mat-menu-item (click)="onEdit(forest)"> Edit </button>
          <button mat-menu-item (click)="onDelete(forest)"> Delete </button>
        </mat-menu>

        <button mat-icon-button [matMenuTriggerFor]="m"><mat-icon>more_vert</mat-icon></button>
        <mat-divider></mat-divider>
    </a>
</mat-list>

Answer 1

在组件中添加ngDoCheck生命周期钩子解决了这个问题。

ngDoCheck(): void {}