AngularJs依賴性不工作

Question

我剛剛與涼亭安裝了以下包：

https://github.com/urish/angular-spinner

包添加成功。我還補充說：

<script src="bower_components/spin.js/spin.js"></script> 
<script src="bower_components/angular-spinner/angular-spinner.js"></script> 

當我嘗試注入這樣的：

(function() 
{ 
    angular.module('employeeApp',['angularSpinner']).controller('schoolController', schoolController); 

它崩潰，我收到錯誤消息：

Argument 'indexController' is not a function, got undefined 

當我刪除['angularSpinner']一切正常再次。

我該怎麼辦？

- 編輯 -

indexController的

angular.module('employeeApp').controller('indexController', indexController); 

function indexController($location, authenticationFactory,constants) 
{ 
    var vm = this; 

    vm.setName = function() 
    { 
     return constants.firstname; 
    } 
} 

Answer 1

的角度您的應用程序創建模塊，並有指定的依賴關係。一旦你創建了控制器或服務，你就可以通過名稱獲得模塊，並在該模塊中創建controller \ service。

//create module for app 
angular.module('employeeApp', [ /*add your dependencies here*/ ]); 

//create controller\ service 
angular.module('employeeApp').controller(function(){ 
    //controller implementation 
}); 

可能發生的情況是您可能會錯誤地重新初始化您的應用程序。

Answer 2

爲簡化起見，你可以存儲你的角模塊中的變量，如下所示：

var app = angular.module('employeeApp', ['angularSpinner']); 

，並這樣定義一個控制器：

app.controller('indexController',function(angularSpinner){ 
    //controller code here 
});