如何在angularjs中動態創建導航菜單？

我想通過angularjs控制器提供動態導航菜單：如何在angularjs中動態創建導航菜單？

index.html：

<body> 
    <div ng-controller="navi"> 
     <ul> 
      <li ng-repeat="nav in navigations"> 
       <a href="{{nav.path}}">{{nav.name}}</a> 
      </li> 
     <ul> 
    </div> 
    <script src="js/navi.js"></script> 
</body>

navi.js：

angular.module('app').controller('navi') { 
     $scope.navigations = [ 
      {"path": "www.google.de", "name": "Google"}, 
      {"path": "www.bing.de", "name": "Bing"}, 
     ]; 
    }

結果：空白頁。爲什麼？

來源

2015-09-16 membersound

這甚至不是用於定義控制器的有效語法。 – Claies

Jep，對不起，它只是在我腦海中擊中帖子按鈕。以下添加了答案，以防有人遇到同樣的問題。 – membersound

對不起，當然人們必須使用function($scope)這個工作：

angular.module('app').controller('navi', function($scope) { 
... 
});

來源

2015-09-16 13:41:23 membersound

如何在angularjs中動態創建導航菜單？

回答

相關問題