angular - 如何从 typescript 访问垫菜单触发器

Question

我有以下 html:

<button mat-icon-button #notificationMenuBtn [matMenuTriggerFor]="notificationsMenu">
</button>
<mat-menu #notificationsMenu="matMenu" [overlapTrigger]="false">
</mat-menu>

如何从 typescript 访问 notificaitonMenuBtn 上的 thematMenuTriggerFor？我尝试使用 View Child(如下所示)，但我似乎无法将其绑定(bind)到触发器，只能绑定(bind)到按钮。

@ViewChild('notificationMenuBtn') notificationMenuBtn : MatMenuTrigger;
this.notificationMenuBtn.openMenu();

Answer 1

如果你真的需要使用一个id(当你有多个MatMenuTrigger时)

@ViewChild('notificationMenuBtn', {read: MatMenuTrigger}) protected notificationMenuBtn : MatMenuTrigger;