2014-09-10 55 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