首页 > 代码库 > Angular控制器
Angular控制器
这里使用的是angular-1.0.1.min.js
Angular的前端渲染
<div>
<ul>
<li ng-repeat="i in [1,2,3]">
<h1>{{i}}</h1>
</li>
</ul>
</div>
效果：
使用控制器读取JSON：
<div ng-controller="PhoneListCtrl">
<ul>
<li ng-repeat="phone in phones">
<h1>{{phone.name}}</h1>
<p>{{phone.snippet}}</p>
</li>
</ul>
</div>
控制器代码：
function PhoneListCtrl($scope) {
$scope.phones = [{
"name" : "Nexus S",
"snippet" : "Fast just got faster with Nexus S."
}, {
"name" : "Motorola XOOM with Wi-Fi",
"snippet" : "The Next, Next Generation tablet."
}, {
"name" : "MOTOROLA XOOM",
"snippet" : "The Next, Next Generation tablet."
}
];
}
效果：
你也可以自己定义一个控制器：
<div ng-controller="mycontroller">
<p>{{ article.ID }}</p>
<p>{{ article.Name }}</p>
<button ng-click="func()">测试</button>
</div>
控制器实现：
function mycontroller($scope) {
$scope.article = {
ID : 1,
Name : "hell world"
};
$scope.func = function () {
alert(1);
}
}
效果：
Angular控制器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。