Html 角度9垫菜单赢得'；更改页面后无法打开

我第一次在header组件中打开mat菜单时，它打开得很好。但当我切换页面时，mat菜单不会打开，即使我返回到打开它的页面。再次打开菜单的唯一方法是刷新页面，仅在按下第一页时打开

以下是mat菜单的HTML：

<button mat-icon-button [matMenuTriggerFor]="menu" color="primary"> 
  <mat-icon>notifications</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <button class="sev1" mat-menu-item>
    <mat-icon>notifications</mat-icon>
    <span>Alert Severity 1 Example</span>
  </button>
  <button class="sev2" mat-menu-item>
    <mat-icon>notifications</mat-icon>
    <span>Alert Severity 2 Example</span>
  </button>
<mat-menu>

通知
通知
警报严重性1示例
通知
警报严重性2示例

下面是标题组件的HTML：

<div class="alertBell">
  <ngx-alert-bell></ngx-alert-bell>
</div>

---

您可以参考以下链接了解解决方案。基本上，您需要在按钮上有一个表单包装器，或者按钮应该是“button”类型，这样就不会触发意外提交。