Angularjs未捕获的错误:[$喷油器:modulerr] [英] Angularjs Uncaught Error: [$injector:modulerr]
问题描述
我学习Angular.js,我无法弄清楚什么是错用这个简单的code。这似乎看起来不错,但给我下面的错误。
**错误**:未捕获的错误:[$喷油器:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)
和增加 NG-应用= 应用程序
(我只是保持它作为 NG-应用之前
),这是给我下面的错误。这是为什么?
错误:[NG:AREQ] http://errors.angularjs.org/1.3.14/ng/areq? P0 =按Ctrl&放大器; P1 =未%20A%20function%2C%20got%20undefined
在错误(原生)
在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
在锑(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
在TB(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
在$得到(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
在s(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
在A(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
在克(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
在克(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
<!DOCTYPE HTML>
< HTML NG-应用=应用程序>
< HEAD>
&所述; SCRIPT SRC =https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js>&下; /脚本> < /头>
<身体GT;
< DIV NG控制器=CTRL>
<输入NG模型=名>
< H1> {{名}}< / H1>
< H2> {{年龄}}< / H>
< / DIV> <脚本>
VAR Ctrl键=功能($范围内)
{
$ scope.age = 24;
};
< / SCRIPT>
< /身体GT;
< / HTML>
角1.3版全局控制器函数的声明之后被禁止
您需要,以使其工作使用modularise的方法。
code
angular.module(应用,[])
.controller(按Ctrl',['$范围,按Ctrl]);
功能Ctrl($范围){
$ scope.age = 24;
};
有一些问题,与棱角分明的 1.3.14
它降级为 1.3.13
工作得很好,我倒是preFER您使用<击>角1.2.27 击>角1.5.3,这是比较稳定的版本和放大器;最新版本的棱角分明。
更新
您可以做你的当前code被允许在 angualr.config
angular.module(应用,[])
的.config(['$ controllerProvider',
功能($ controllerProvider){
$ controllerProvider.allowGlobals();
}
]);功能Ctrl($范围){
$ scope.age = 24;
};
希望这可以帮助你,谢谢你。
I am learning Angular.js and I am not able to figure out whats wrong with this simple code. It seems to look fine but giving me following error.
**Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)
And before adding ng-app="app"
(I was just keeping it as ng-app
) it was giving me following errors. Why is that?
Error: [ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined
at Error (native)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
at tb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
<!doctype html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<div ng-controller="Ctrl">
<input ng-model="name">
<h1>{{name}}</h1>
<h2>{{age}}</h2>
</div>
<script>
var Ctrl = function($scope)
{
$scope.age = 24;
};
</script>
</body>
</html>
After angular version 1.3 global controller function declaration is disabled
You need to use modularise approach in order to make it work.
CODE
angular.module('app', [])
.controller('Ctrl', ['$scope', Ctrl]);
function Ctrl($scope) {
$scope.age = 24;
};
There is some issue with angular 1.3.14
downgrade it to 1.3.13
works fine, I'd prefer you to use angular 1.2.27 angular 1.5.3, which is more stable version & latest release of angular.
Update
You could do your current code to working state by allow global controller declaration inside angualr.config
angular.module('app', [])
.config(['$controllerProvider',
function($controllerProvider) {
$controllerProvider.allowGlobals();
}
]);
function Ctrl($scope) {
$scope.age = 24;
};
Hope this could help you, Thanks.
这篇关于Angularjs未捕获的错误:[$喷油器:modulerr]的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!