title: Ionic Grid Layout with ng-repeat ionic
body: <p>Can someone help me to create rows with varied number of columns using single ng-repeat on a template?</p>
  
  <p>For example,
  row 0- with 3 columns
  row 1 -with 2 columns
  row 2-with 1 column.</p>
  
  <p>And, as the number of columns change ,the displayed column(s) should automatically stretch to occupy the full row space.</p>
  
  <p>I have implemented it with nested ng-repeat but then I'm not able to apply ngFx animations to it.So, I'd like to try with single ng-repeat.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thank you ! wink</p>
  
  <p>I had the idea of using ng-if on a column element but not sure if it's the efficient considering performance.</p>