Angularjs ngrepeat incrementing

Question

How do i increment camp by say 3 instead of 1 , each time over here?

<div class="row" ng-repeat="camp in camps">
                <div class="col-lg-3">
            <img src={{camp.img}} alt="" height="200pt" width="250pt"/></div>
            <div class="col-lg-5 col-lg-offset-1">{{camp.email}}<br/>
            <span>{{camp.campname}}</span><br/>
            {{camp.about}}<br/>
            {{camp.tgtamt}}<br/>
            {{camp.enddate}}<br/><br/>
            <button id="view" class="btn btn-default" value1='{{camp.campname}}' value2='{{camp.email}}'>View</button>
            </div></div>
            <hr/>
        </div>

post your camps model in controller

Maxim Shoustin
– Maxim Shoustin

2013-09-20 12:23:20 +00:00
Commented Sep 20, 2013 at 12:23 — Maxim Shoustin
– Maxim Shoustin, Commented Sep 20, 2013 at 12:23
This may help you stackoverflow.com/questions/16815320/…

Chandermani
– Chandermani

2013-09-20 12:35:24 +00:00
Commented Sep 20, 2013 at 12:35 — Chandermani
– Chandermani, Commented Sep 20, 2013 at 12:35

Maxim Shoustin · Accepted Answer · 2013-09-20 12:33:04Z

0

You can try to use $index with ng-show. Something like:

HTML

<div ng-controller = "myCtrl1"> 
 <div class="row" ng-repeat="camp in camps">
 <div ng-show="$index % 3 == 0"> <pre>{{camp.name}}</pre></div>          

    </div>
</div>

Controller

var myApp = angular.module('myModule', []);

myApp.controller('myCtrl1', ['$scope', function($scope) {
$scope.camps=
    [{name:"name_1"},{name:"name_2"},{name:"name_3"},{name:"name_4"},{name:"name_5"},
     {name:"name_6"},{name:"name_7"},{name:"name_8"},{name:"name_9"},{name:"name_10"}];    

}]);

Output:

name_1
name_4
name_7
name_10

see Fiddle

edited Sep 20, 2013 at 12:33

answered Sep 20, 2013 at 12:25

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs ngrepeat incrementing

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related