在运行时动态地将项目注入到 Mat Menu

Question

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

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

你能告诉我如何制作 mat-menu 在运行时加载数据吗？

Answer 1

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

您可以在添加新项目后手动调用 detectorChanges 来完成此操作。

this.changeDetector.detectChanges();

查看此答案了解详细信息： https://stackoverflow.com/a/41298329/11420760

或者你可以重新分配你的数组，这将触发它

Answer 2

我删除了子组件，并将其添加到父组件中，现在我的动态数据已加载。

如示例中所示，我删除了菜单项组件并将其与应用程序组件绑定。