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>