我如何将* ngFor与mat-menu和mat-menu-item一起使用?

时间:2018-12-29 13:44:16

标签: angular

在我的角度应用程序中,我想使用从数组生成的菜单项制作一个动态的菜单。菜单和所有项目,图标,标签显示都很好。 但是当我单击任何菜单项时,没有发生任何事件吗?

GA1.2.

this is my mune items which are showing good

2 个答案:

答案 0 :(得分:0)

(click)="this.trigger.emit({object: this.object, code: f.code}"不能发射,原因有两个

  1. 它不应该是this.trigger.emit,而只是trigger.emit

  2. 您没有关闭括号(click)="this.trigger.emit({object: this.object, code: f.code})"

答案 1 :(得分:0)

我发现我的问题是我正在通过@Input从父组件传递菜单项的列表,因此* ngFor不会显示菜单项。 如果列表是固定的,例如项= [1,2,3,4,5 ...],则菜单项显示良好。