angularjs – 在Angular重复 – 离子网格中每2个创建一行

发布时间：2020-12-17 08:10:05 所属栏目：安全来源：网络整理

导读：我需要通过ng-repeat在我的应用程序中创建一个strcuture。 div class="row" div class="col-50"1/div div class="col-50"2/div/divdiv class="row" div class="col-50"3/div div class="col-50"4/div/div 现在我的代码如下： div class="row" label class="i

我需要通过ng-repeat在我的应用程序中创建一个strcuture。

<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>

现在我的代码如下：

<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>

但是在上面的代码中，它只是一个单行标签。我不知何故得到行标签包含/包裹循环中的每2项。实现这一目标的最好方法是什么？

参考：Ionic Grid Doc

我设法使用$ even。

<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>

Here’s一个工作的JSFiddle。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!