以下angularjs代码中的错误是什么?
问题描述:
<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>
答
大概检查你的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>
这就是你应该告诉我们什么。什么是错误?你期望它做什么,它做什么呢?看起来你学习了Angular的一个用Angular 1.0编写的教程。但是我们现在达到1.5.8,自那以后发生了很大变化。阅读官方文档。 –