小编Fre*_*zza的帖子

我试图使用Angular Material Menu Bar指令递归创建菜单栏,但结果不符合预期.到目前为止,我所拥有的最佳解决方案是创建一个指令并递归调用它,如下所示:https://plnkr.co/edit/5pFmmD6K3qz5qolRifVA.请注意,此Plunker中有两个菜单栏.第一个是使用JSON的递归结构创建的,第二个是直接写在模板上.我的解决方案的问题发生在有"Lorem - > Dolor - > ..."等嵌套菜单时,因为嵌套菜单没有正确对齐.

检查Chrome上生成的代码,我注意到第二个菜单栏中的嵌套菜单(直接在模板上编写)有一些关于其嵌套状态的属性:

<md-menu md-position-mode="cascade" 
    class="md-nested-menu md-menu ng-scope"
    md-nest-level="1">
...
</md-menu>

虽然第一个菜单栏中的相同菜单没有:

<md-menu ng-if="ctrl.isCompoundedMenuItem()" class="md-menu ng-scope">
...
</md-menu>

我该怎么做才能解决这个问题？

只是添加一个信息:我已经尝试过使用ng-include创建菜单栏的方法,但结果非常糟糕.