Angular 1.0.7 ng - 如果替代

Question

我想在我的应用程序中创建一个段落视图，其中每5个项目显示在一个块中，一个在另一个下，另一个在下一个块中显示;

实施例：

<div style="display:inline-block"> 
<div style="display:inline-block"> 
    <div style="display:block">1.-----</div> 
    <div style="display:block">2.-----</div> 
    <div style="display:block">3.-----</div> 
    <div style="display:block">4.-----</div> 
    <div style="display:block">5.-----</div> 
</div> 

<div style="display:inline-block"> 
    <div style="display:block">6.-----</div> 
    <div style="display:block">7.-----</div> 
    <div style="display:block">8.-----</div> 
    <div style="display:block">9.-----</div> 
    <div style="display:block">10.-----</div> 
</div> 
</div> 

所以基本上我需要做一些事情难看像2次嵌套迭代，一个推进在时间5层的元件，并且在时间的其他1个元素。

或者在我使用的Angular版本中没有的ng-if指令。

Answer 1

技术上讲，你可以使用一个ng-repeat来实现它（不ng-if）。尝试是这样的：

<div style="display:inline-block" ng-repeat="item in items"> 
    <div style="display:inline-block" ng-show="$index % 5 == 0"> 
     <div style="display:block">{{items[$index+0].content}}</div> 
     <div style="display:block">{{items[$index+1].content}}</div> 
     <div style="display:block">{{items[$index+2].content}}</div> 
     <div style="display:block">{{items[$index+3].content}}</div> 
     <div style="display:block">{{items[$index+4].content}}</div> 
    </div> 
</div> 

演示：http://jsfiddle.net/kpgbx/