创建每行后角NG-重复2项 - 离子网 [英] Create Row every after 2 item in Angular ng-repeat - Ionic Grid

问题描述

我要在我的应用程序通过NG-重复下面创建一个晶格结构。

I need to create a strcuture as below in my app through ng-repeat.

<div class="row">
  <div class="col-50">1</div>
  <div class="col-50">2</div>
</div>
<div class="row">
  <div class="col-50">3</div>
  <div class="col-50">4</div>
</div>

现在我的code是如下：

Right now my code is as below:

<div class="row">
  <label class="item item-radio col col-50" ng-repeat="a in question.answer">
  <input type="radio" name="answers"   class="a-{{ a.correct }}" value="{{ a.correct }}" ng-click='ansValue("{{ a.correct }}")'> 

  <div class="item-content">
     <img src="img/ans/{{ a.option }}" />
  </div>

  <i class="radio-icon ion-checkmark"></i>
  </label>
</div>

但在上述code，它只是一个单行标记，我有。我wan't以某种方式让行标签包含/包，每2项循环。什么是实现这一目标的最佳途径？

But in the above code, its just a single row tag that I have. I wan't to somehow get the row tag contain/wrap every 2 items in the loop. What is the best way to achieve this?

编号： 离子网格文件

推荐答案

我设法用做 $甚至。

<div ng-repeat="number in numbers">

    <div class="row" ng-if="$even">
        <div class="col col-50">{{numbers[$index]}}</div>
        <div class="col col-50">{{numbers[$index + 1]}}</div>
    </div>

</div>

这里的工作的jsfiddle。

Here's a working JSFiddle.

这篇关于创建每行后角NG-重复2项 - 离子网的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！