『壹』 angularjs的ng-repeat循环列表中序号怎么写
直接上代码,一看就懂了:
<table class="table table-bordered mt20 table-td-center">
<thead>
<tr>
<th>序号</th>
<th>昵称</th>
<th>性别</th>
<th>年龄</th>
<th>星座</th>
<th>关注时间</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="fans in vm.data.users">
<td ng-bind="$index+1">1</td>
<td ng-bind="fans.nickname">郑州网建</td>
<td ng-bind="fans.gender=='m'?'男':'女'">男</td>
<td ng-bind="vm.getDate(fans.birthday)">32</td>
<td>白羊座</td>
<td>2014-09-02 00:00 </td>
</tr>
</tbody>
</table>
$index是从0开始计数的,所以,这里,我们+1
『贰』 angularjs 可以从ng-repeat中循环出五条数据吗
循环输出列表很多项目在web服务端做,前端做好模版后后端写jsp代码,双方需要紧密合作,分清责任。有些项目由后端提供restful方法,前端用ajax调用自己循环,这种一般是大把的jquery拼字符串,太不直观,有人搞出了js模板,也没好到哪里去。
用AngularJS就爽多了,语法和JSP类似:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html ng-app>
<head>
<meta charset="utf-8">
<title>ng-repeat directive</title>
</head>
<body>
<table ng-controller="CartController">
<caption>我的购物车</caption>
<tr>
<th>序号</th>
<th>商品</th>
<th>单价</th>
<th>数量</th>
<th>金额</th>
<th>操作</th>
</tr>
<tr ng-repeat="item in items">
<td>{{$index + 1}}</td>
<td>{{item.name}}</td>
<td>{{item.price | currency}}</td>
<td><input ng-model="item.quantity"></td>
<td>{{item.quantity * item.price | currency}}</td>
<td>
<button ng-click="remove($index)">Remove</button>
</td>
</tr>
</table>
<script src="../lib/angularjs/1.2.26/angular.min.js"></script>
<script>
function CartController($scope) {
$scope.items = [
{name: "雷柏(Rapoo) V500 机械游戏键盘 机械黄轴", quantity: 1, price: 199.00},
{name: "雷柏(Rapoo) V20 光学游戏鼠标 黑色烈焰版", quantity: 1, price: 139.00},
{name: "AngularJS权威教程", quantity: 2, price: 84.20}
];
$scope.remove = function (index) {
$scope.items.splice(index, 1);
}
}
</script>
</body>
</html>
ng-repeat指令生命在需要循环内容的元素上,items和控制器上的变量名对应,item是为数组中单个对象起的别名。$index可以返回当前引用对象的序号,从0开始,另外还有$first、$middle、$last可以返回布尔值,用于告诉你当前元素是否是集合中的第一个中间的最后一个元素。
『叁』 angularjs对象在html里用ng-repeat在js里是怎么循环出来的
ngRepeat其实就是angular的内置指令器,指令器其实也是用选择器匹配的,匹配到有ng-repeat的节点之后(angularJs有四种匹配方式:element E、attribute A、class C、comment M),angular就会去处理生成DOM。和jQuery自己用js插入节点一样,只是angular都帮你处理了而已。