Dev Stack Source

Answer : Best way to do this is to use a function: <div ng-repeat="product in products | filter: myFilter"> $scope.myFilter = function (item) { return item === 'red' || item === 'blue'; }; Alternatively, you can use ngHide or ngShow to dynamically show and hide elements based on a certain criteria. For me, it worked as given below: <div ng-repeat="product in products | filter: { color: 'red'||'blue' }"> <div ng-repeat="product in products | filter: { color: 'red'} | filter: { color:'blue' }"> I thing ng-if should work: <div ng-repeat="product in products" ng-if="product.color === 'red' || product.color === 'blue'">

Answer : I managed to do it using $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 a working JSFiddle. The solution from @Patrick Reck is excellent, but it forces you to repeat your code twice, I suggest this improvement: <div ng-repeat="number in numbers"> <div class="row" ng-if="$even"> <div class="col col-50" ng-repeat="num in [numbers[$index],numbers[$index + 1]]"> {{num}} </div> </div> </div> this way you will write your code one time as if it is a normal ng-repeat You can add flex-wrap: wrap to class row http://jsfiddle.net/0momap0n/99/ ...