2016-04-24 240 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