AngularJS不用跨度

Question

我有以下的HTML/AngularJS代碼：

<span ng-show="true" ng-repeat="timeRangeObject in timeRangeObjects" ng-if="ifExpression"> 
    <span class="progress-bar progress-bar-{{timeRangeObject.type}}" style="width: {{timeRangeObject.percentage}}%" /> 
</span> 

這段代碼的結果是：

<span> 
    <span class="progress-bar ... 
</span> 
<span> 
    <span class="progress-bar ... 
</span> 
<span> 
    <span class="progress-bar ... 
</span> 
<span> 
    <span class="progress-bar ... 
</span> 

，但我絕對需要它：

<span> 
    <span class="progr ... 
    <span class="progr ... 
    <span class="progr ... 
    <span class="progr ... 
</span> 

有沒有可能這樣做？

非常感謝！

Answer 1

以下應爲你工作：

<span 
    ng-repeat="timeRangeObject in timeRangeObjects" class="progress-bar progress-bar-{{timeRangeObject.type}}" style="width: {{timeRangeObject.percentage}}%" > 
</span> 

你可以用你的NG-如果如果你需要它周圍的重複跨度表達。

Answer 2

只需將ng-repeat放在內部跨度上。我刪除了ng-show=true部分，這是沒有必要的。

<span ng-if="ifExpression"> 
    <span ng-repeat="timeRangeObject in timeRangeObjects" class="progress-bar progress-bar-{{timeRangeObject.type}}" style="width: {{timeRangeObject.percentage}}%" /> 
</span>