2015-09-16 39 views
0

我想通过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"}, 
     ]; 
    } 

结果:空白页。为什么?

+2

这甚至不是用于定义控制器的有效语法。 – Claies

+0

Jep,对不起,它只是在我脑海中击中帖子按钮。以下添加了答案,以防有人遇到同样的问题。 – membersound

回答

0

对不起,当然人们必须使用function($scope)这个工作:

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