angular本地、远程数据循环

来源:互联网 发布:淘宝实时访客 编辑:程序博客网 时间:2024/04/30 07:40
本地数据:
<!doctype html>
<html ng-app>
<head>
<script src="angular.js"></script>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<script type="text/javascript">
function ActivitiesListCtrl($scope) {
$scope.activities = [
{ "name": "Wake up" },
{ "name": "Brush teeth" },
{ "name": "Shower" },
{ "name": "Have breakfast" },
{ "name": "Go to work" },
{ "name": "Write a Nettuts article" },
{ "name": "Go to the gym" },
{ "name": "Meet friends" },
{ "name": "Go to bed" }
];
}
</script>
<div ng-controller="ActivitiesListCtrl">
<li ng-repeat="ac in activities">
<span>{{ac.name}}</span>
</li>
</div>
</body>
</html>


远程数据: 
function ActivitiesListCtrl($scope) {
$http.get('activities/list.json').success(function (data) {
$scope.activities = data;
}
}

0 0
原创粉丝点击