Question

我想在div-table-row上运行一个计数器，如0,1,2,3,4 ......，并将打印在div-table-cell-size中，如下所示。我怎么能完成它？

我已经看过这些，但我不知道如何应用两个ng-repeats：

注意：我对Angular非常非常新。

<div class="div-table-row" ng-repeat="(label_inx, label_key) in design.labels">

     <div class="div-table-cell-label">
          {{ label_key.name }}
     </div>

     <div class="div-table-cell-size">
          <div ng-repeat="(size_inx, size_key) in design.sizes">
               {{ size_key.name }}-{{ print_counter_here }}
          </div>
     </div>

</div>

Answer 1

如果design.labels是一个数组，你可以使用{{label_inx}}，因为它将是数组索引。否则，来自Zack Argyle的评论应该可以解决问题（在这种情况下是{{$ parent。$ index}}）。

Answer 2

您可以使用以下语法在嵌套的ng-repeat中获取计数器（col）。虽然仍然需要按$ index跟踪，但由于你有反制col，你不需要在你的逻辑中使用它。

ng-repeat="(col, t) in h.seats track by $index"

我有一个数组，我想将其转换为列大小为4的网格/矩阵。以下实现对我有用。您可以在嵌套的ng-repeat

旁边使用两个计数器：row和col

        <tbody>
            <tr ng-repeat="(row, y) in getNumber(h.seats.length, 3) track by $index">
                <td>{{row+1}}</td>
                <td class="text-primary" ng-class="appliedClass(!t.status)"
                    ng-repeat="(col, t) in h.seats track by $index"
                    ng-if="col >= (row)*3 && col < (row+1)*3">
                        <span ng-show="t.status"> X </span> 
                        <span ng-show="!t.status"> - </span>
                </td>
            </tr>
        </tbody>

有关计数器如何运作的详细信息：https://stackoverflow.com/a/35566132/5076414

ng-repeat Angular中增加的数字

2 个答案: