AngularJS初始化控制器模块

Question

我想将我的WebApp分隔为指令，服务，控制器等不同模块，就像角度种子一样。 以某种方式在controllers.js中定义的controllers.js似乎不起作用。

<ul class="menu" ng-controller="MenuController">
    <li>{{hello}}</li>
</ul>

在app.js我定义了全局App模块及其子模块。

// Declare app level module which depends on filters, and services
angular.module('myApp', [
    'myApp.filters',
    'myApp.services',
    'myApp.directives',
    'myApp.controllers'
]);

在controllers.js我试图定义一个不会加载的控制器。 页面呈现后，我只会看到{{hello}} 。

angular.module('myApp.controllers', []).
  controller('MenuController', function($scope) {
     $scope.hello = "world"; 
  });

如何将控制器附加到其模板对应物上？

Answer 1

问题是因为未定义其他模块。 如下所示修改myApp模块：

angular.module('myApp', [

    'myApp.controllers'
]);

http://jsbin.com/osOQOYag/2/edit?html,js,output

Answer 2

似乎angular-seed在/app/index.html具有以下脚本/app/index.html ：

<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>

正如@KhanhTO在评论中指出的， app.js应该最后被调用。