如何包装ngRepeat的部分内容

时间:2014-09-10 12:35:09

标签: angularjs angularjs-ng-repeat ng-repeat

如果可能的话,如何做到以下几点:

<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>块。第一个在指定指数收盘,第二个收盘开盘并持续到最后。

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

一般的想法,你应该能够使用这种模式获得你想要的东西

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

答案 2 :(得分: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>

希望它有所帮助......!