如何从打字稿中访问mat菜单触发器

Question

我有以下html:

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

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

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

Answer 1

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

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

Answer 2

弄清楚了.我只需要使用MatMenuTrigger而不是元素id.

@ViewChild(MatMenuTrigger) notificationMenuBtn: MatMenuTrigger;