本文展示了一个使用Angular实现的应用实例，通过本地数据和远程数据管理功能，展示了如何在应用中灵活地使用数据。介绍了Angular框架的基础用法，包括数据绑定、控制器、指令和重复元素的使用。
|
本地数据：
<!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;
}
}
|
扫一扫
03-09
441
441
03-14
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
