AngularJS之有序列表

最新推荐文章于 2019-07-05 18:35:42 发布

翱翔天地

最新推荐文章于 2019-07-05 18:35:42 发布

阅读量1.3k

点赞数 1

分类专栏： AngularJS JavaScript 文章标签： angularjs JavaScript

本文链接：https://blog.csdn.net/you23hai45/article/details/52263943

版权

JavaScript 同时被 2 个专栏收录

243 篇文章 2 订阅

订阅专栏

AngularJS

63 篇文章 0 订阅

订阅专栏

1、问题背景

AngularJS中有有序列表，也有无序列表；现在利用AngularJS制作有序列表

2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之有序列表</title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script>
			var app = angular.module("olApp",[]);
			app.controller("olCon",function($scope){
				$scope.person = [
					{name:"张华"},
					{name:"李四"},
					{name:"赵武"},
					{name:"孙继"},
					{name:"胡杰"}
				];
			});
		</script>
	</head>
	<body>
		<div ng-app="olApp">
			<ol ng-controller="olCon">
				<li ng-repeat="p in person">
					{{p.name}}
				</li>
			</ol>
		</div>
	</body>
</html>

3、问题说明

利用AngularJS中的ng-app、ng-controller和ng-repeat指令来实现有序列表