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

Question

我有一个使用 Angular 材料的 Angular 6 应用程序，在该应用程序上我有一个包含组件（应用程序登录）的 mat-menu：

<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 会被多次渲染/附加，所以我最终会得到一个 app-login 重复多次的菜单。

Answer 1

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