AngularJs依赖项不起作用

时间:2016-03-29 12:29:54

标签: angularjs

我刚用凉亭安装了以下套餐:

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;
    }
}

2 个答案:

答案 0 :(得分:1)

在angular中为您的应用创建模块,然后指定依赖项。一旦你创建了控制器或服务,你就可以按名称获取模块并在该模块中创建controller \ service。

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

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

可能发生的情况是您可能会错误地初始化您的应用。

答案 1 :(得分:0)

为简化起见,您可以将角度模块存储在变量中,如下所示:

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

并定义一个这样的控制器:

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