【问题标题】:How to Autonumber rows in AngularJS with ng-repeat如何使用 ng-repeat 在 AngularJS 中自动编号行
【发布时间】:2016-09-20 17:39:48
【问题描述】:
我对 AngularJS 很陌生。如果问题太简单,请见谅。我有一个使用 AngularJS 的 ng-repeat 显示的列表。我正在使用引导寻呼机进行分页,一次只选择 10 条记录。
var start =0;
var end = 10;
results.slice(start, end);
我想对行进行自动编号。
这是我尝试过的。
将 $index 与 ng-repeat 一起使用。(效果很好,但索引会在第二页重复)
二手
{{sequenceId + 1}}(所有数字显示 1)
我希望表格加载时显示在表格中。
【问题讨论】:
标签:
javascript
angularjs
twitter-bootstrap
【解决方案1】:
- 分页的标准做法是将最后一个索引作为一部分发送
请求并以下一个索引响应。所以你可以通过
$index 发送到您的 API 并让它回复 $index +1
-
另一种选择是将索引存储在某个地方,并使用
像这样过滤:
app.filter('startFrom', function() {
返回函数(输入,开始){
如果(输入){
开始 = +开始; //解析为int
返回 input.slice(start);
}
返回 [];
}
});
{{item.Name}}
- 另一个选项是(假设您可以使用整套)
只需将索引添加到您的原始数据集。添加一个连续的
index 作为数组中的键之一并显示该列表。
【解决方案2】:
像这样简单的东西呢
$index - start + 1