Question

Angular新手在这里。我有这个角度视图，那里会有多个“仪表板行”。那些将有多个仪表板列＃39;我想分配每个＆＃39;仪表板 - 列＆＃39;使用计数器的唯一ID。但是，我无法保持所有行中的计数器持续存在。有什么想法吗？

<div class="dashboard-rows count{{$index}}" ng-style="{'height': row.height}">
    <div class="dashbord-columns" ng-repeat="column in row.columns" id="gadget{{ counter }}">
   </div>
</div>

基本上，我想要所有＆＃39; dashbord-columns＆＃39;穿过所有的父母。

Answer 1

您可能需要data-ng-class="'dashboard-rows count' + {{$index}}"。

甚至更好：data-ng-class="'dashboard-row dashboard-row-' + {{$index}}"。

修改

<div data-ng-class="dashboard-rows count{{$index}}" ng-style="{'height': row.height}"> <div class="dashbord-columns" data-ng-repeat="column in row.columns" data-ng-attr-id="gadget-{{$parent.$index * row.columns.length + $index}}"></div> </div>

Answer 2

由于您需要唯一ID，如何将dashboard-row索引和dashbord-columns索引与每个

的前缀相结合

例如：dr{{$dashboard_row_index}}dc{{$dashboard_column_index}}

Answer 3

您可以在范围内创建计数器。

$scope.currentCounter = 0;
$scope.nextGadget= function(){
    $scope.currentCounter = $scope.currentCounter + 1;
    return $scope.currentCounter;
}

和id;

id="gadget{{nextGadget()}}"

另一个选项（不是真正的计数器，但是唯一的）是：

id="gadget{{$parent.$index + '' + $index}}"

这不是一个真正的反击，但它的独特性。

计算角度视图中的元素数量

3 个答案: