【问题标题】: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);

我想对行进行自动编号。

这是我尝试过的。

  1. 将 $index 与 ng-repeat 一起使用。(效果很好,但索引会在第二页重复)

  2. 二手

{{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
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-10-10
        • 1970-01-01
        • 2021-10-08
        • 1970-01-01
        • 2014-01-02
        • 2017-12-22
        • 1970-01-01
        • 2018-03-16
        相关资源
        最近更新 更多