本地数据:
<!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;
}
}
|
angular本地、远程数据循环
最新推荐文章于 2021-01-24 10:15:02 发布