看到這種寫法
//app.js
angular.module('app',['app.controllers']);
//FirstController.js
angular.module('app.controllers').controller('firstCtrl',function($scope){...})
//SecondController.js
angular.module('app.controllers').controller('SecondCtrl',function($scope){...})
但是我這么寫缺報 firstCtrl 和 SecondCtrl 不是一個方法,剛開始學(xué)習(xí)angular,求幫助
建議這么寫
angular
//app.js
.module('app',[])//這個'[]'用來創(chuàng)建依賴
//FirstController.js
angular
.module('app')//這個后面沒有'[]',表面繼續(xù)用之前創(chuàng)建的[]依賴
.controller('firstCtrl',['$scope',function($scope){//這里用[]來規(guī)范寫法,防止壓縮文件后看不懂形參
...
}])
//SecondController.js
angular
.module('app')//同上
.controller('SecondCtrl',['$scope',function($scope){
...
}])
angular.module('app.controllers').controller('firstCtrl',function($scope){...})
這條語句的前提是你有一個view的ng-app是app.controllers。
module函數(shù)的第一個參數(shù)就是ng-app的值。
controller函數(shù)就是定義該module下的一個控制器。
angular.module('app.controllers',[])。
注意此處,一個模塊首次定義的時候需要填寫依賴,若沒有需要填空數(shù)組。后面其他地方如果引用同一個模塊,不用填寫依賴。
你這里兩個controller定義時,依賴都沒填寫,需改為如下。
angular.module('app.controllers',[]).controller('firstCtrl',function($scope){...})
angular.module('app.controllers').controller('SecondCtrl',function($scope){...})
注意:不同的依賴會生成不同的實例,因此要注意,定義完后,下次引用時一定不能再次填寫依賴了,否則前一個的相關(guān)定義都會失效,這是個很難排查的bug。
關(guān)于angular風(fēng)格的問題,建議參考大神https://github.com/johnpapa/angular-styleguide