2016-12-05 5 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 1.0で書かれたチュートリアルでAngularを学んだようです。しかし、今は1.5.8になっています。それ以来、多くの変更がありました。公式の文書を読んでください。 –

答えて

0

おそらく、anglejsバージョンを確認してください.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>

関連する問題