How to find a reason AngularJS "Argument 'MyCtrl‘is not a function，got“

Question

当AngularJS崩溃并出现错误“参数'MyCtrl‘不是函数，未定义的函数”时，找出原因可能有点困难。

这里我想做一个“检查表”，当你遇到错误时，你应该检查什么？

Answer 1

是否通过html连接带有'MyCtrl‘的

1. Is文件？(如果合并或丑化文件，请检查两次)

<script src='path/to/controllers.js'></script>

1. Is 'MyCtrl‘定义的correctly

有几种模式：

app.controller('MyCtrl', ['$scope', function ($scope) {...}])

app.controller('MyCtrl', function ($scope) {...})

var MyCtrl = function ($scope) {...})

右module?

• Is "MyCtrl's“模块中定义的

1. Is 'MyCtrl‘已添加到应用程序dependencies

中

angular.module('app', ['app.sources']);

1. 如果您多次定义模块，则应在此中定义它

- First define should be like 

​

angular.module('app.sources', []);

(使用[ ])

• 后续定义应该类似于

angular.module('app.sources');

(没有[ ])

重要的：声明顺序很重要--应该先定义[ ]。

1. 检查模块是否为，只定义一次。您可能忘记了在复制-粘贴后重命名模块。检查src中是否有类似

的字符串

angular.module('app.sources', []);

1. Check your 'ng-app'。最好只使用其中一个名称，如ng-app='app' (换句话说，不要定义多个未命名的ngApp directives)
2. Is您的控制器的语法正确适用于您的AngularJS版本？

(在Angular 1.0.x和1.2.x及更高版本中的定义存在差异。对于高于1.3.x的Angular版本，不能声明全局构造函数并将其与ng-一起使用。)

Answer 2

如果您使用带有"controller as“语法的ng-controller，请确保检查控制器的名称是否正确。

我的案例：

//controller register    
angular.module("myApp").controller("someController", SomeController)

//in my code
<div ng-controller="SomeController as vm"></div>

注意，我使用的是ng-controller="SomeController as vm"，其中SomeController有一个大写的S。它应该是一个小写的s，因为这是我注册它的方式。

因此，请检查您的控制器名称是否正确。