角材料垫菜单多次复制内部组件

Question

我有一个使用Angular材质的Angular 6应用程序，上面有一个包含组件的Mat菜单（应用程序登录）：

<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>

问题是，如果我在触发按钮上单击几次，则将多次呈现/添加应用程序登录，因此最终出现一个菜单，其中应用程序登录重复了几次。

Answer 1

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