使用Material Design Lite的Angular Dynamic Menu

时间:2019-05-22 13:57:49

标签: angular menu angular-material

我想创建一个动态菜单,该菜单是从数据库获取的。   Here is the StackBlitz project

dynamic-menu.component.html中的是动态解决方案,注释的是静态解决方案。 静态解决方案应该是动态解决方案在运行后呈现的方式。如果我只是使用静态解决方案来运行,那么一切都会按预期运行,但是如果我尝试使用动态解决方案,则菜单将无法按预期运行?

这与 ng-template 如何影响CSS样式有关吗?在我看来,从理论上讲,渲染后的动态解决方案与注释的静态菜单非常相似

通过浏览Chrome开发人员工具,我能够看到动态版本中的 class =“ mat-menu-item ng-star-inserted” 属性已添加到该按钮,例如在静态版本中不会发生。 我已经尝试了一切,但我不明白为什么会这样。 而我该如何解决。 我是Angular的新手,但我想真正了解框架的工作原理

0 个答案:

没有答案