前端讲义57_AngularJS数组循环

原创于 2019-05-24 06:01:47 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

Angular 专栏收录该内容

19 篇文章

订阅专栏

博客介绍了ng-repeat指令，该指令可重复一个HTML元素，会针对集合（数组）中的每项克隆一次HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ng-repeat 指令会重复一个 HTML 元素，对于集合中（数组中）的每项会克隆一次HTML元素。效果如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AngularJS循环取出数组值</title>
<script src="angular/angular-1.6.2.min.js"></script>
</head>
<body ng-app=""  >
<p>循环取出数组值:</p>
<div  ng-init="weeks=[1,2,3,4,5,6,7]">
<p>一周列表: 
  <li ng-repeat="x in weeks">星期{{ x}}</li>
</p>
</div>
<div ng-init="users=[{empid:'C10094207',name:'msh', age:500}, {empid:'C10094365',name:'ximi', age:400}]">
<p>员工信息:</p>
<ul>
  <li ng-repeat="x in users">
  工号:{{x.empid }} ,姓名:{{x.name}},年龄:{{x.age}}</li>
</ul>
</div>
</body>
</html>