AngularJS控制器不使用简单初始化代码
刚接触AngularJS,不知道这里发生了什么,当我运行这个时,没有任何东西被填充进来 使用版本-1.6 请看一看,这可能是一个非常愚蠢的问题,但无法通过;)AngularJS控制器不使用简单初始化代码,angularjs,Angularjs,刚接触AngularJS,不知道这里发生了什么,当我运行这个时,没有任何东西被填充进来 使用版本-1.6 请看一看,这可能是一个非常愚蠢的问题,但无法通过;) 在此处插入标题 姓名:
在此处插入标题
姓名:
-
函数simpleController($scope){
$scope.customers=[
{姓名:'anil',城市:'bengaluru'},
{姓名:'rahul',城市:'pune'},
{姓名:'abc',城市:'hyd'},
{名称:'xyz',城市:'mysore'}
];
}
从角度创建控制器
然后使用它
代码是:
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div data-ng-controller="simpleController">
Name:
<br/>
<input type="text" data-ng-model="fname" />
<br/>
<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
</ul>
</div>
<script src="js/angular.min.js"></script>
<script>
angular.module("app").controller('simpleController', simpleController);
function simpleController($scope) {
$scope.customers = [{
name: 'anil',
city: 'bengaluru'
}, {
name: 'rahul',
city: 'pune'
}, {
name: 'abc',
city: 'hyd'
}, {
name: 'xyz',
city: 'mysore'
}];
}
</script>
</body>
</html>
在此处插入标题
姓名:
-
角度模块(“应用”)控制器(“simpleController”,simpleController);
函数simpleController($scope){
$scope.customers=[{
姓名:“anil”,
城市:“班加罗鲁”
}, {
名称:“rahul”,
城市:“浦那”
}, {
姓名:“abc”,
城市:路政署
}, {
名称:“xyz”,
城市:“迈索尔”
}];
}
在使用控制器之前,必须先创建控制器。
通过以下方式创建控制器:
angular.Module("ModuleName",[]).Controller("ControllerName",function($scope){
});
根据您的代码:
在此处插入标题
角度.module(“app”,[]).controller('simpleController',
函数simpleController($scope){
$scope.customers=[{
姓名:“anil”,
城市:“班加罗鲁”
}, {
名称:“rahul”,
城市:“浦那”
}, {
姓名:“abc”,
城市:路政署
}, {
名称:“xyz”,
城市:“迈索尔”
}];
});
姓名:
-
首先,您需要定义一个模块来启动项目。有关更简单的示例,请尝试
要使你的应用程序正常工作,你需要在视图中加上ng app
,如果你有。然后,您需要创建一个模块
,以防它丢失。然后根据需要添加服务
和控制器
角度模块(“应用程序”,[])
.控制器(“ctrl”,simpleController);
函数simpleController($scope){
$scope.customers=[
{姓名:'anil',城市:'bengaluru'},
{姓名:'rahul',城市:'pune'},
{姓名:'abc',城市:'hyd'},
{名称:'xyz',城市:'mysore'}
];
}
姓名:
-
请您对创建angular应用程序模块和控制器进行更多研究。