如何在角度html中使用自动增量变量

Question

我遇到了增加跨度id的问题。请参阅以下方案

<div class="full-height" id="" 
     ng-show="appGlobeObj.mode == 'test'" 
     ng-controller="testCtrl">
    <span id="spn0" class="divspan"></span>
</div>

如何使用span id中的动态值而不是0？

Answer 1

如果我很了解你想要实现的目标，你必须使用：

<div class="full-height" id="" 
    ng-show="appGlobeObj.mode == 'test'" 
    ng-controller="testCtrl">
   <span id="spn{{ someDynamicValue }}" class="divspan"></span>
</div>

Answer 2

如果你在ng-repeat内，你可以这样使用。

<div class="full-height" id="" 
     ng-show="appGlobeObj.mode == 'test'" 
     ng-controller="testCtrl">
    <span id="spn{{index}}" class="divspan"></span>
</div>

或者您应该在控制器中使用counter变量，并map将其添加到此处

<span id="spn{{counter}}" class="divspan"></span>

Answer 3

您可以使用$ index。

<div class="full-height" id="" 
    ng-show="appGlobeObj.mode == 'test'" 
    ng-controller="testCtrl">
   <span id="spn{{$index+1}}" class="divspan"></span>
</div>