我已经开始学习angular js了。我想通过自定义控制器绑定我的视图。但在调试时,我得到了未定义的范围。这是我的代码
<!DOCTYPE html>
<html data-ng-app>
<head>
<title>Using Angular JS Directives and Data Binding</title>
</head>
<body data-ng-controller='SimpleController'>
Name: <br/>
<input type="text" data-ng-model="name"/>
<br/>
<!--<div class="container" data-ng-init="customers=[{name:'Abhishek',city:'Bangalore'},{name:'Sagar',city:'New York'},{name:'Jarvis',city:'Atlanta'}]" >-->
<div class="container">
<h3>looping using ng-repeat Directive</h3>
<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city' ">{{ cust.name }} - {{cust.city}}</li>
</ul>
</div>
<script src="angular.min.js"></script>
<script>
function SimpleController($scope){
$scope.customers = [
{name :'Abhishek',city:'Bangalore'},
{name:'Sagar',city:'New York'},
{name :'Jarvis',city:'Atlanta'}
];
}
</script>
</body>
</html>
正在获取此错误。参数"SimpleController"不是函数,得到了未定义的
您尚未在应用程序中的任何位置声明角度module
和ng-app
。
HTML:
<body ng-app="app" ng-controller='SimpleController' >
JS:
var app = angular.module('app', []);
app.controller('SimpleController',['$scope',function($scope)
{
$scope.customers = [
{name :'Abhishek',city:'Bangalore'},
{name:'Sagar',city:'New York'},
{name :'Jarvis',city:'Atlanta'}
];
}]);
这是正在运行的应用程序