2016-12-05 56 views
-6
<html ng-app> 

<body > 

<div ng-controller="SimpleController"> 

    Name: <input type="text" ng-model="name"> 
</br> 
{{name}} 


</br> 

    <ul > 
     <li ng-repeat="p in customers |filter:name | orderBy:'name'">{{p.name|uppercase }} .{{p.city}} 
     </li> 
    </ul> 

</div> 
<script src="angular.min.js"></script> 

<script > 
function SimpleController($scope){ 

    $scope.customers=[ 
    {name:'Apu',city:'jsr'}, 
    {name:'Gapu',city:'gujarat'}, 
    {name :'Papu', city:'gIndia'} 
    ] 
} 

</script> 

</body> 
</html> 
+1

這就是你應該告訴我們什麼。什麼是錯誤?你期望它做什麼,它做什麼呢?看起來你學習了Angular的一個用Angular 1.0編寫的教程。但是我們現在達到1.5.8,自那以後發生了很大變化。閱讀官方文檔。 –

回答

0

大概檢查你的angularjs版本,對於1.3以上版本的全局控制器不支持。

var app = angular.module("app", []); 
 

 
app.controller("SimpleController", ["$scope", 
 
    function($scope) { 
 
    $scope.customers=[ 
 
    {name:'Apu',city:'jsr'}, 
 
    {name:'Gapu',city:'gujarat'}, 
 
    {name :'Papu', city:'gIndia'} 
 
    ] 
 
    } 
 
]);
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-app='app'> 
 
    <div ng-controller="SimpleController"> 
 
<ul > 
 
     <li ng-repeat="p in customers |filter:name | orderBy:'name'">{{p.name|uppercase }} .{{p.city}} 
 
     </li> 
 
    </ul> 
 
     
 
    </div> 
 
</body> 
 

 
</html>