blocks|key|174896|text|您的html中有两个未命名的ng-app指令。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|174897|丢掉你div里的那个。|174898|更新|BOLD|174899|让我们尝试一种不同的方法。|174900|在js文件中定义一个模块，并将ng-app指令分配给它。之后，将控制器定义为ng组件，而不是简单的函数：|174901|<div+ng-app="myAppName">++
|code-block|syntax|javascript|174902|以及js部分：|174903|angular.module('myAppName',+[])
++++.controller('FirstCtrl',+function($scope)+{
+++++++++$scope.data+=+{message:+'Hello'};
++++});|174904|下面是一个可以做到这一点的在线演示：http://jsfiddle.net/FssbL/1/|174905|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/FssbL/1/^0|E|6|0|0|0|2|0|0|F|6|0|0|0|0|I|S|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@$9|1C|A|1D|B|J]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1E|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1I|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|1J|8|@]|D|@]|E|$]]|$1|V|3|W|5|Q|7|1K|8|@]|D|@]|E|$R|S]]|$1|X|3|Y|5|6|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|Z|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|10|$11|$5|12|13|14|E|$15|16]]]]

You have 2 unnamed <code>ng-app</code> directives in your html. 
Lose the one in your div. 

Update 
Let's try a different approach. 
Define a module in your js file and assign the <code>ng-app</code>directive to it. After that, define the controller like an ng component, not as a simple function: 

<pre><code>&lt;div ng-app="myAppName"&gt; 
&lt;!-- or what's the root node of your angular app --&gt;
</code></pre>

and the js part: 

<pre><code>angular.module('myAppName', [])
 .controller('FirstCtrl', function($scope) {
 $scope.data = {message: 'Hello'};
 });
</code></pre>

Here's an online demo that is doing just that : <a href="http://jsfiddle.net/FssbL/1/">http://jsfiddle.net/FssbL/1/</a>

blocks|key|173272|text|将ng-app="“从|type|unstyled|depth|inlineStyleRanges|entityRanges|data|173273|<div+ng-app="">|code-block|syntax|javascript|173274|简单地让它|173275|<div>|173276|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

remove ng-app="" from

<pre><code>&lt;div ng-app=""&gt;
</code></pre>

and simply make it

<pre><code>&lt;div&gt;
</code></pre>

blocks|key|2988859|text|我得到了完全相同的错误消息，在我的例子中，我没有在index.html中列出控制器JS文件(例如first-ctrl.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2988860|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I got exactly the same error message and in my case it turned out i didn't list the controller JS file (e.g. first-ctrl.js) in my index.html

blocks|key|2776202|text|你必须将你的命名为ng-app，，给你的应用一个命名空间；仅仅使用是不够的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|2776203|而不是：|2776204|<html+ng-app>
...|code-block|syntax|javascript|2776205|你需要这样的东西来代替：|2776206|<html+ng-app="app">
...|2776207|然后，像这样：|2776208|var+app+=+angular.module("app",+[]).controller("ActionsController",+function($scope){});|2776209|entityMap^0|9|6|X|4|9|6|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|14|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|15|8|@]|E|@]|F|$L|M]]|$1|N|3|O|5|6|7|16|8|@]|E|@]|F|$]]|$1|P|3|Q|5|K|7|17|8|@]|E|@]|F|$L|M]]|$1|R|3|S|5|6|7|18|8|@]|E|@]|F|$]]|$1|T|3|U|5|K|7|19|8|@]|E|@]|F|$L|M]]|$1|V|3|-4|5|6|7|1A|8|@]|E|@]|F|$]]]|W|$]]

You must name your <code>ng-app</code>, giving your app a namespace; simply using <code>ng-app</code> is not enough.

Instead of:

<pre><code>&lt;html ng-app&gt;
...
</code></pre>

You will need something like this instead:

<pre><code>&lt;html ng-app="app"&gt;
...
</code></pre>

Then, like so:

<pre><code>var app = angular.module("app", []).controller("ActionsController", function($scope){});
</code></pre>

blocks|key|171205|text|我刚刚完成了本教程，并遵循了@gion_13+answer。仍然不起作用。通过使索引中的ng-app名称与js文件中的名称相同，解决了此问题。完全相同，甚至引文也是如此。所以：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|171206|<div+ng-app="myapp">
++++<div+ng-controller="FirstCtrl">|code-block|syntax|javascript|171207|和js：|171208|+angular.module("myapp",+[])
.controller('FirstCtrl',function($scope)+{
++++$scope.data=+{message:"hello"};
++});|171209|奇怪的是，ng-app必须是相同的，而ng-controller却不是。|171210|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I just did this tutorial and followed @gion_13 answer. Still did not work. Solved it by making my ng-app name in the index identical to the one in my js file. Exactly identical, even the quotes. So:

<pre><code>&lt;div ng-app="myapp"&gt;
 &lt;div ng-controller="FirstCtrl"&gt;
</code></pre>

and the js:

<pre><code> angular.module("myapp", [])
.controller('FirstCtrl',function($scope) {
 $scope.data= {message:"hello"};
 });
</code></pre>

Weird how the ng-app has to be identical but the ng-controller doesn't.

blocks|key|174964|text|我也面临着同样的问题。但问题是我忘记在ng-app所依赖的模块列表中列出该模块。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|174965|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Me too faced the same issue. But the problem was I forgot to list the module in the list of modules the ng-app depends on.

blocks|key|2776272|text|我遇到了这个问题，但我能够通过重命名控制器来纠正这个问题，请尝试一下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2776273|ctrlSub.execSummaryDocuments+=+function(){};|code-block|syntax|javascript|2776274|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

i faced this issue but i was able to correct this issue by renaming the controller, please have a try on it.

<pre><code>ctrlSub.execSummaryDocuments = function(){};
</code></pre>

blocks|key|171244|text|我曾经遇到过这个问题，并通过以下方式解决了这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|171245|171246|首先从以下位置删除ng-app：|ordered-list-item|171247|将ng-app的名称添加到myApp：|171248|在function:angular.module('myApp'，[]).controller('FirstCtrl'，FirstCtrl)之前添加此行代码；|171249|171250|脚本的最终外观：|offset|length|style|BOLD|171251|angular.module('myApp',+[]).controller('FirstCtrl',FirstCtrl);

function+FirstCtrl($scope){
++++$scope.data+=+{message:+"Hello"};
}+|code-block|syntax|javascript|171252|entityMap^0|0|0|0|0|0|0|3|5|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|11|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|13|8|@$M|14|N|15|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|S|7|16|8|@]|9|@]|A|$T|U]]|$1|V|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|W|$]]

I have faced this issue and it fixed with following way:

<ol>
<li>first remove ng-app from:

<pre><code>&lt;html ng-app&gt;
</code></pre></li>
<li>add name of ng-app to myApp:

<pre><code>&lt;div ng-app="myApp"&gt;
</code></pre></li>
<li>add this line of code before function: 

<pre><code>angular.module('myApp', []).controller('FirstCtrl',FirstCtrl);
</code></pre></li>
</ol>

final look of script:

<pre><code>angular.module('myApp', []).controller('FirstCtrl',FirstCtrl);

function FirstCtrl($scope){
 $scope.data = {message: "Hello"};
} 
</code></pre>

blocks|key|2776316|text|有时，函数内部代码的语法错误会引发此错误。检查您的功能是否正确。在我的例子中，当我试图给Json字段赋值并使用冒号:而不是等号=进行赋值时，就会发生这种情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2776317|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

sometimes something wrong in the syntax of the code inside the function throws this error. Check your function correctly. In my case it happened when I was trying to assign Json fields with values and was using colon : to make the assignment instead of equal sign = ...

blocks|key|172599|text|另一个很好的方法:意外地重新定义模块。今天早些时候我太急切地复制/粘贴了一些东西，最后在某个地方有了一个模块定义，我用我的控制器定义覆盖了它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172600|//+controllers.js+-+dependencies+in+one+place,+perfectly+fine
angular.module('my.controllers',+[/*+dependencies+*/]);|code-block|syntax|javascript|172601|然后在我的定义中，我应该这样引用它：|172602|//+SomeCtrl.js+-+grab+the+module,+add+the+controller
angular.module('my.controllers')
+.controller('SomeCtrl',+function()+{+/*+...+*/+});|172603|相反，我所做的是：|172604|//+Do+not+try+this+at+home!

//+SomeCtrl.js
angular.module('my.controllers',+[])+//+<--+redefined+module,+no+harm+done+yet
++.controller('SomeCtrl',+function()+{+/*+...+*/+});

//+SomeOtherCtrl.js
angular.module('my.controllers',+[])+//+<--+redefined+module+-+SomeCtrl+no+longer+accessible
++.controller('SomeOtherCtrl',+function()+{+/*+...+*/+});|172605|请注意对angular.module的调用中的额外括号。|offset|length|style|CODE|172606|entityMap^0|0|0|0|0|0|0|4|E|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@$Q|13|R|14|S|T]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Another nice one: Accidentally redefining modules. I copy/pasted stuff a little too eagerly earlier today and ended up having a module definition somewhere, that I overrode with my controller definitions:

<pre><code>// controllers.js - dependencies in one place, perfectly fine
angular.module('my.controllers', [/* dependencies */]);
</code></pre>

Then in my definitions, I was supposed to reference it like so:

<pre><code>// SomeCtrl.js - grab the module, add the controller
angular.module('my.controllers')
 .controller('SomeCtrl', function() { /* ... */ });
</code></pre>

What I did instead, was:

<pre><code>// Do not try this at home!

// SomeCtrl.js
angular.module('my.controllers', []) // &lt;-- redefined module, no harm done yet
 .controller('SomeCtrl', function() { /* ... */ });

// SomeOtherCtrl.js
angular.module('my.controllers', []) // &lt;-- redefined module - SomeCtrl no longer accessible
 .controller('SomeOtherCtrl', function() { /* ... */ });
</code></pre>

Note the extra bracket in the call to <code>angular.module</code>.

blocks|key|2989054|text|在我的例子中，这条消息来自于主模块中忘记的依赖注入|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2989055|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case, this message comes from forgotten dependency injection in main module

blocks|key|2776432|text|我在两个不同的javascript文件中定义了两个同名的控制器。令人恼火的是，angular不能给出更清晰的错误消息来指示名称空间冲突。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2776433|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I had two controllers with the same name defined in two different javascript files. Irritating that angular can't give a clearer error message indicating a namespace conflict.

blocks|key|171352|text|我不确定这个教程，但我也有同样的问题，当我忘记将该文件包含在grunt/gulp最小化过程中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|171353|grunt.initConfig({
++uglify:+{
++++my_target:+{
++++++files:+{
++++++++'dest/output.min.js':+['src/input1.js',+'src/missing_controller.js']
++++++}
++++}
++}
});|code-block|syntax|javascript|171354|希望这能有所帮助。|171355|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I am not sure about this tutorial but I had the same problem when I forgot to include the file into grunt/gulp minimization process. 

<pre><code>grunt.initConfig({
 uglify: {
 my_target: {
 files: {
 'dest/output.min.js': ['src/input1.js', 'src/missing_controller.js']
 }
 }
 }
});
</code></pre>

Hope that helps.

blocks|key|2989141|text|也要注意你的信的大小写。我花了一个小时来追踪这个bug。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2989142|<section+id="forgotpwd"+ng-controller="ForgotPwdController">|code-block|syntax|javascript|2989143|当我命名控制器时|2989144|angular
++++.module('app')
++++.controller('ForgotpwdController',+ForgotpwdController);|2989145|它们的名称都应该一致，在本例中为ForgotpwdController，小写为p。|offset|length|style|BOLD|2989146|entityMap^0|0|0|0|0|M|1|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Watch your letter casing too. I spent a good hour chasing this bug.

<pre><code>&lt;section id="forgotpwd" ng-controller="ForgotPwdController"&gt;
</code></pre>

while I name the controller

<pre><code>angular
 .module('app')
 .controller('ForgotpwdController', ForgotpwdController);
</code></pre>

They all should be consistently named, in this case ForgotpwdController with lower case p.

blocks|key|173434|text|如果你错误地配置了gulp来多次添加你的angular应用程序代码，就会发生这种情况。在我的例子中，这是在index.js中，它将它作为js文件目录(gulp中的globbed)的一部分添加到我的控制器声明之前和之后。一旦我添加了一个排除，不让index.js在第二次被缩小和注入，我的应用程序就开始工作了。如果上面的任何一个解决方案都不能解决你的问题，那就是另一个提示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|173435|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This can happen if you have gulp misconfigured to add your angular app code more than once. In my case, this was in index.js, and it was adding it as part of the directory of js files (globbed in gulp) before and after my controller declarations. Once I added an exclusion for index.js not to be minified and injected the second time, my app began to work. Another tip if any of the solutions above don't address your problem.

blocks|key|2989186|text|首先-如果没有定义模块名称，在JS中你将无法访问该模块并将控制器链接到它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2989187|您需要将模块名称提供给angular模块。使用定义模块也有区别1.+angular.module("firstModule"，[])+2.+angular.module("firstModule")|2989188|1-一个是声明新模块"firstModule“，在第二个参数中没有添加依赖项。2-这是使用"firstModule“，它是在其他地方初始化的，您正在尝试获取初始化的模块并对其进行修改。|2989189|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Firstly - If the module name is not defined, in the JS you will not be able to access the module and link the controller to it.

You need to provide the module name to angular module. 
there is a difference in using defining module as well
1. angular.module("firstModule",[])
2. angular.module("firstModule")

1 - one is to declare the new module "firstModule" with no dependency added in second arguments.
2 - This is to use the "firstModule" which is initialized somewhere else and you're using trying to get the initialized module and make modification to it.

I noticed the same question was asked a few times here, I tried so solve it but nothing helps. 

I'm following this tutorial with the egghead videos.

But when I get at the section of Controllers and Sharing data between controllers, I can't get it to work.

When I run it with Chrome, I get this error in the console: 

<blockquote>
 'argument 'FirstCtrl' is not a function, got undefined'. 
</blockquote>

I really don't know what's wrong. The code is the same from in the tutorial.

HTML

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app&gt;
 &lt;head&gt;
 &lt;title&gt;AngularJS Tutorials: Controllers&lt;/title&gt;
 &lt;link rel="stylesheet" href="mystyle.css"&gt;
 &lt;script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"&gt;&lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div ng-app=""&gt;
 &lt;div ng-controller="FirstCtrl"&gt; 
 &lt;h1&gt; {{data.message + " world"}}&lt;/h1&gt;

 &lt;div class="{{data.message}}"&gt;
 Wrap me in a foundation component
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;script type="text/javascript" src="main.js"&gt;&lt;/script&gt;
 &lt;/body&gt;
&lt;/html&gt; 
</code></pre>

main.js

<pre><code>function FirstCtrl($scope){
 $scope.data = { message: "Hello" };
} 
</code></pre>

AngularJS error: 'argument 'FirstCtrl' is not a function, got undefined'

我注意到同样的问题在这里被问了几次，我试着解决它，但没有任何帮助。我将使用egghead视频来学习本教程。但是当我到达控制器部分并在控制器之间共享数据时，我无法让它工作。当我在Chrome上运行它时，我在控制台中得到了这个错误：‘参数'FirstCtrl’不是函数，未定义‘。我真的不知道出了什么问题。代码与教程中的相同...

问AngularJS错误：‘参数'FirstCtrl’不是函数，未定义‘
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS错误：‘参数'FirstCtrl’不是函数，未定义‘EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS错误：‘参数'FirstCtrl’不是函数，未定义‘
EN