AngularsJS循环

让程序飞

于 2017-08-18 08:40:09 发布

阅读量301

点赞数

本文链接：https://blog.youkuaiyun.com/javanbme/article/details/77351668

版权

AngularJs 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html ng-app="">
	<head>
		<meta charset=utf-8>
		<meta name=description content="">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<title></title>
		<script src="../js/angular.min.js"></script>
	</head>
	<body>
		<div  ng-init="names=['Jani','Hege','Kai']">
			<p>使用 ng-repeat 来循环数组</p>
			<ul>
				<li ng-repeat="x in names">
					{{ x }}
				</li>
			</ul>
		</div>
		<div  ng-init="names=[
			{name:'Jani',country:'Norway'},
			{name:'Hege',country:'Sweden'},
			{name:'Kai',country:'Denmark'}]">
			
			<p>循环对象：</p>
			<ul>
				<li ng-repeat="x    in names">
					{{ x.name + ', ' + x.country }}
				</li>
			</ul>
			
		</div>
	</body>
</html>