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

Question

我有一个使用角度材料的Angular 6应用程序，我有一个包含组件的mat菜单（app-login）：

<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并且问题现在已经解决了。