How to repeat directive with different step condition

Question

I have an array of objects. I want to display two object per row. Something like:

<div class="row" ng-repeat="twoObject in objects>
    <div class="col-sm-6">{{twoObject(1).name}}</div>
    <div class="col-sm-6">{{twoObject(2).name}}</div>
</div>

As you know here {{towObject(1)}} is not valid code.

How can I achieve this in angularJS?

You can find an answer here: http://stackoverflow.com/questions/26688086/create-row-every-after-2-item-in-angular-ng-repeat-ionic-grid — Matteo Cardellini, Mar 08 '17 at 11:00

score 1 · Accepted Answer · edited May 23 '17 at 12:25

1

I have fixed this issue using the following trick:

<div ng-repeat="object in objects">
    <div class="row" ng-if="$even">
        <div class="col col-6">{{object[$index]}}</div>
        <div class="col col-6">{{object[$index + 1]}}</div>
    </div>
</div>

This is where I got it: Create Row every after 2 item in Angular ng-repeat - Ionic Grid

edited May 23 '17 at 12:25

Community

1
1

answered Mar 08 '17 at 11:21

Imran

4,582
2
18
37

How to repeat directive with different step condition

1 Answers1