导航:首页 > 编程语言 > angularjs2ngrepeat

angularjs2ngrepeat

发布时间:2023-07-19 06:18:23

『壹』 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都帮你处理了而已。

阅读全文

与angularjs2ngrepeat相关的资料

热点内容
win10用子文件夹改名 浏览:234
ae钢笔工具在哪里 浏览:460
gn105数据线插哪里 浏览:916
破锁屏密码方法 浏览:835
股票数据放哪里 浏览:576
m格式库文件 浏览:279
天际通数据服务怎么开票 浏览:430
写小说发哪个网站比较好 浏览:244
小米电视3蓝牙文件路径 浏览:111
shell读取文件值 浏览:909
文件夹路径栏消失 浏览:795
律师哪些业务不能代替大数据 浏览:952
lol哪些文件可以删除 浏览:701
汇编程序中del是什么意思 浏览:183
幼儿园免费网站模板下载 浏览:210
w619线刷教程 浏览:759
怎么培养编程思想 浏览:697
手机捆绑app的软件怎么卸载 浏览:32
vb编程器有什么用 浏览:999
excel如何分列数据与文字 浏览:884

友情链接