改变角度奇数ng重复的顺序?

时间:2015-03-01 03:10:24

标签: javascript angularjs

我有一个ng-repeat,在每个偶数上,我想要交替内部li元素?

                              房间img         {{房间}}               

最后重复将如下所示

<li class="room-row" ng-repeat="room in [1,2,3,4]"> 
  <ul class="room-row-wrapper list-unstyled">
    <!-- !!!!! odd normal !!! -->
    <li class="room-tout">room img</li>
    <li class="room-tout"><a ui-sref="main.roomID">{{room}}</a></li>
  </ul>
 <ul class="room-row-wrapper list-unstyled">
    <!-- !!!!! even reverse !!! -->

    <li class="room-tout"><a ui-sref="main.roomID">{{room}}</a></li>
    <li class="room-tout">room img</li>
  </ul>
</li>

1 个答案:

答案 0 :(得分:1)

<li class="room-row" ng-repeat="room in [1,2,3,4]"> 
  <ul class="room-row-wrapper list-unstyled" ng-if="$odd">
    <!-- !!!!! odd normal !!! -->
    <li class="room-tout">room img</li>
    <li class="room-tout"><a ui-sref="main.roomID">{{room}}</a></li>
  </ul>
 <ul class="room-row-wrapper list-unstyled"  ng-if="$even">
    <!-- !!!!! even reverse !!! -->

    <li class="room-tout"><a ui-sref="main.roomID">{{room}}</a></li>
    <li class="room-tout">room img</li>
  </ul>
</li>