angularjs - AngularJS 的动态菜单

Question

我有一个带有两个菜单的 Web 应用程序，一个在顶部，另一个在左侧。将根据记录的配置文件从数据库中检索两个菜单的选项。但是，当路线发生变化时，菜单不会呈现。

Shell.js：

<section>
 <div data-ng-include="'app/controllers/layout/header.html'"></div>
 <div id="menuDin" data-ng-include="'app/autenticado/menuDinamico.html'"></div>
 <div id="corpo" ng-view=""></div>
 <div data-ng-include="'app/controllers/layout/footer.html'"></div>
</section>

Answer 1

您可以为您的控制器创建一个包含菜单项的对象，然后用于ng-repeat绘制菜单。

class MyController
constructor: ->
    @itens_menu = [ 
        {label: 'MenuA', href: 'urlA'}, 
        {label: 'MenuB', href: 'urlB'}
    ]

<ul ng-controller="MyCtrl as MyController">
        <li ng-repeat="item in MyCtrl.itens_menu">
            <a href="{{item.href}}">{{item.label}}</a>
        </li>
</ul>