在运行时将项目动态注入到Mat菜单

时间:2019-07-10 10:20:19

标签: angular typescript angular-material

我正在使用mat菜单将项目中的可用选项显示为面包屑。当我尝试添加新项目时,它会添加到数据库中,并且数组对象可以正确获取它,但是角度mat-menu不会更新。

这是我正在使用的参考: https://stackblitz.com/edit/dynamic-nested-topnav-menu-vq6jmd?file=app%2Fapp.component.ts

您能告诉我如何制作菜单以在运行时加载数据吗?

2 个答案:

答案 0 :(得分:1)

数组的内容更改不会触发Angular的更改检测机制。

您可以通过在添加新项目后手动调用detectChanges来实现。

this.changeDetector.detectChanges();

查看此答案以获取详细信息: PEP440 section on pre-releases

或者您可以重新分配阵列,这将触发它

答案 1 :(得分:0)

感谢您的回复。

我的问题解决了。我删除了子组件,并将其添加到父组件中,并立即加载了动态数据。

在示例中,我删除了菜单项组件,并将其与应用程序组件绑定在一起。

感谢您的时间和兴趣。