我有下面的stackblitz演示,我正在试验Angular Material(试图记录汉堡图标上的点击(:
https://stackblitz.com/edit/angular-material-toolbar?file=src%2Fapp%2Fapp.component.ts
我已经将点击事件处理程序分配给工具栏,如下所示:
<my-toolbar menu='open($event)'>Your Toolbar</my-toolbar>
它在应用程序组件中是这样定义的:
export class AppComponent {
open(event) {
console.log("CLICK");
}
}
但是,点击不会被记录下来。想法?
菜单事件处理程序周围需要括号。请执行以下操作。
<my-toolbar (menu)='open($event)'>Your Toolbar</my-toolbar>
我看到了你的stackblitz,你正在发射事件,但在你的模板中,你只是错过了"菜单"输出的括号
<my-toolbar (menu)='open($event)'>Your Toolbar</my-toolbar>