NishiBangar/Print-array-elements-in-grid-format-using-multiple-ng-repeat.markdown

## index.html
<html ng-app="myApp">
  <body ng-controller="myController">

    <div class="row">
        <div class="col-sm-3" ng-repeat="remainder in [0,1,2 ]">
            <div ng-repeat="item in array" ng-if="$index % 3 == remainder">
            {{item}}

          </div>

      </div>
    </div>
  </body>
</html>

## Print-array-elements-in-grid-format-using-multiple-ng-repeat.markdown

      
    Raw
  

              Print-array-elements-in-grid-format-using-multiple-ng-repeat.markdown
            
          
    Print array elements in grid format using multiple "ng-repeat"

A Pen by Nishchith J Bangar on CodePen.
License.

  
## script.js
var myApp=angular.module("myApp",[]);

myApp.controller("myController",['$scope',function($scope){

  $scope.array=[1,2,3,4,5,6,7,8,9,10];
}]);

## scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>

## styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
	<html ng-app="myApp">
	<body ng-controller="myController">

	<div class="row">
	<div class="col-sm-3" ng-repeat="remainder in [0,1,2 ]">
	<div ng-repeat="item in array" ng-if="$index % 3 == remainder">
	{{item}}

	</div>

	</div>
	</div>
	</body>
	</html>
	var myApp=angular.module("myApp",[]);

	myApp.controller("myController",['$scope',function($scope){

	$scope.array=[1,2,3,4,5,6,7,8,9,10];
	}]);