2016-04-24 242 views
0

我学习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> 

,但我的应用程序不能正常工作,显示错误,如下面 enter image description here

现在

我这个问题解决 这段代码正在与AngularJS v1.2.28但同样的代码在没有事先与AngularJS v1.5.5工作 感谢您的帮助

+0

的答复应用工作,它与AngularJS v1.2.28工作,但不是最新的AngularJS v1.5.5的工作,我附有问题错误 – Dinesh

回答

1

一切都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> 
2

var demoApp = angular.module('demoApp'. []);

它应该是

var demoApp = angular.module('demoApp', []);

逗号代替的期间。只是一个语法错误:)

1

除了以前的答案,我没有看到你在HTML中引用ng-app指令,因此应该在你的body标签中,如下所示: body ng-app =“ demoApp”

+1

他已经习惯了'NG HTML标记上的-app指令。 –

0

更改此

angular.module('demoApp'. []), 
must be angular.module('demoApp', []) - comma instead of dot