意外错误
问题描述:
我学习angularjs &面对错误与angularjs 我试图创建一个简单的角度模块收到错误 但样本控制器功能好的工作不mudule 我写的视频相同的代码从我在哪里学习意外错误
这里是代码
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<title>
Angular js
</title>
</head>
<body>
<div class="containers" ng-controller="simpleController">
<input type="text" ng-model="name">
<ul>
<li ng-repeat="cust in customers | filter: name" | orderBy:'city'>{{ cust.name | uppercase}} - {{ cust.city | lowercase}}</li>
</ul>
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []);
function simpleController ($scope) {
$scope.customers = [
{name:'Dinesh', city:'Delhi'},
{name:'Hansa', city:'Rajasthan'},
{name:'Manju', city:'Rajasthan'},
{name:'Mukesh', city:'Rajasthan'},
{name:'Naresh', city:'Lahor'}
];
}
demoApp.controller('simpleController', simpleController);
</script>
</body>
</body>
</html>
现在
我这个问题解决 这段代码正在与AngularJS v1.2.28但同样的代码在没有事先与AngularJS v1.5.5工作 感谢您的帮助
答
一切都OK了
除了angular.module('demoApp'. [])
,
必须angular.module('demoApp', [])
- 逗号而不是点,并且更周到
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []); //REPLACE DOT WITH COMMA
function simpleController ($scope) {
$scope.customers = [
{name:'Dinesh', city:'Delhi'},
{name:'Hansa', city:'Rajasthan'},
{name:'Manju', city:'Rajasthan'},
{name:'Mukesh', city:'Rajasthan'},
{name:'Naresh', city:'Lahor'}
];
}
demoApp.controller('simpleController', simpleController);
</script>
答
var demoApp = angular.module('demoApp'. []);
它应该是
var demoApp = angular.module('demoApp', []);
逗号代替的期间。只是一个语法错误:)
答
除了以前的答案,我没有看到你在HTML中引用ng-app指令,因此应该在你的body标签中,如下所示: body ng-app =“ demoApp”
+1
他已经习惯了'NG HTML标记上的-app指令。 –
答
更改此
angular.module('demoApp'. []),
must be angular.module('demoApp', []) - comma instead of dot
的答复应用工作,它与AngularJS v1.2.28工作,但不是最新的AngularJS v1.5.5的工作,我附有问题错误 – Dinesh