Ng-Repeat array to rows and columns

Question

Thanks for taking the time to read this, I was wondering how I might be able to use ng-repeat to create a grid like box of options. I would like to take an array repeat nth num

Answer 1

If all of your items are in one single array, your best bet is to make a grid in CSS. This article should be helpful: http://css-tricks.com/dont-overthink-it-grids/

You can use $index from ng-repeat to apply the correct class for your column (in this case a 4 column grid):

If you have a 2 dimensional array (split into rows and columns) that opens up more possibilities like actually using an HTML table.