採用NG-重複自舉的進度條

Question

我試圖創建一個使用ng-repeat這個進度條（https://plnkr.co/edit/LKt0PmMjPjBzY34JTsRR?p=preview）：

<div class="progress" style="transform: rotate(-90deg); width: 494px"> 
<div ng-repeat="o in arr"> 
    <div class="progress-bar progress-bar-success" role="progressbar" style="width:5px;"></div> 
    <div class="progress-bar" role="progressbar" style="width:1px; background:transparent;"></div> 
</div> 
</div> 

但是，它不工作，因爲引導不接受額外div我用於ng-repeat。有關如何解決這個問題的任何想法？

這裏有一個現場Plunker：http://plnkr.co/edit/q9QW2Pn08uYrHllHb9oa?p=preview

Answer 1

只是重複​​元素本身：

<div ng-app="app"> 
    <div ng-controller="ctrl"> 
    <div class="progress" style="transform: rotate(-90deg); width: 494px"> 
     <green ng-repeat="o in arr"></green> 
    </div> 
    </div> 
</div> 

演示：http://plnkr.co/edit/f1Tqfu5O9GsJiy4Nt7tk?p=preview