2014-09-10 101 views
1

的部分怎麼能一個,如果可能的話,請執行下列操作:如何包裝一個ngRepeat

<ul> 
<li ng-reapeat="a in c"></li> 
</ul> 

像這樣的輸出:

<ul>  
    <div>   
     <li></li> <--- from a to b (say first till 3rd element)   
     <li></li> 
     ... 
    </div>  
    <div> 
     <li></li> <--- from b to c (4th element till end) 
     <li></li> 
     ... 
    </div> 
</ul> 

甚至多個<ul></ul>塊。第一個關閉指定指數,第二個開放並持續到結束。

+0

可能的重複[如何使用bootstrap將三個列分割ng-repeat數據](http://stackoverflow.com/questions/21644493/how-to-split-the-ng-repeat-data-with-三列使用引導) – m59 2014-09-21 00:45:52

回答

2

什麼slicing數組(可能不是一個「角辦法」),例如

<ul> 
    <div> 
    <li ng-repeat="a in c.slice(0, 3)"></li> 
    </div> 

    <div> 
    <li ng-repeat="a in c.slice(3)"></li> 
    </div> 
</ul> 
+0

我認爲這是一個不錯的主意!會放棄它。 – 2014-09-10 12:56:38

+0

最有效的答案。感謝名單。 – 2014-09-10 13:14:43

1

總體思路,你應該能夠得到你想要使用什麼這個模式

<ul> 
    <li ng-repeat-start="a in c" ng-show="$index<3"></li> 
    <li ng-repeat-end ng-show="$index>=3"></li> 
</ul> 
1

試試這個:

我認爲你需要多個ul塊。

<ul>  
    <div ng-reapeat="a in c">   
    <li ng-if="$index<3"></li> 
    </div>  
</ul> 


<ul>  
    <div ng-reapeat="a in c">   
    <li ng-if="$index>2"></li> 
    </div>  
</ul> 

希望它有幫助...!

+0

最有可能的一個有效答案。將嘗試比較其他答案。 – 2014-09-10 12:59:03