Angular Panels

Question

Angular Panels

Navigation

#1 by (2 votes)

1

I would like to make a page in Angular that looks like the image below:

That is nothing more than a page with several panels, which I will add a list of information inside them ... What component can I use to achieve this result?

javascript angularjs

asked by anonymous 01.02.2017 / 16:43

1 answer

Increase margin in pixels in sass Relate tables to make customer recommendations?

score 2 · Accepted Answer

No external components required. Use a combination of ngRepeat and CSS:

angular.module('myApp', [])
.controller('myController', function($scope){
  $scope.paineis = ['Painel1','Painel2','Painel3','Painel4','Painel5','Painel6']; 
});

.painel
{
  display:inline-block;
  width:200px;
  border:2px solid black;
  padding:10px 5px;
  margin:5px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script><divng-app="myApp">
  <div ng-controller='myController'>
    <div class='painel' ng-repeat='i in paineis'>{{i}}</div>
  </div>
</div>