Angular material mat-menu 多次复制内部组件

Question

我有一个使用 angular material 的 Angular 6 应用程序，我有一个包含组件（应用程序登录）的垫子菜单：

<button [matMenuTriggerFor]="menu" mat-icon-button>
  <mat-icon>person</mat-icon>
</button>
<div MatMenuPanel>
  <mat-menu #menu="matMenu" [overlapTrigger]="false">
    <ng-template matMenuContent>
      <app-login></app-login>
    </ng-template>
  </mat-menu>
</div>

问题是，如果我多次点击触发按钮，app-login 会被 rendered/appended 几次，所以我最终会看到一个菜单，其中 app-login 重复了几次。

Answer 1

不确定问题的原因是什么，但我已将@angular/material 和@angular/cdk 从版本 6.0.1 升级到 6.4.7，现在问题已解决。