Is it possible to create rows of 3 using bootstrap and ng-repeat with data from a scope object without the loop repeating every three times due to ng-if? I am curious if something like
<h4> {{yogurt[$index+1].name}} </h4>Below is my code snippet:
<div ng-repeat="yogurt in yogurts" ng-if="$index % 3 == 0" class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<h4> {{yogurt.name}} </h4>
<h6> {{yogurt.ingredients}} </h6>
</div>
</div>
</div>
</div>