title: Create Row every after 2 item in Angular ng-repeat - Ionic Grid
body: <p>I need to create a strcuture as below in my app through ng-repeat.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-50"&gt;1&lt;/div&gt;
    &lt;div class="col-50"&gt;2&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-50"&gt;3&lt;/div&gt;
    &lt;div class="col-50"&gt;4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Right now my code is as below:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;label class="item item-radio col col-50" ng-repeat="a in question.answer"&gt;
    &lt;input type="radio" name="answers"   class="a-{{ a.correct }}" value="{{ a.correct }}" ng-click='ansValue("{{ a.correct }}")'&gt; 
  
    &lt;div class="item-content"&gt;
       &lt;img src="img/ans/{{ a.option }}" /&gt;
    &lt;/div&gt;
  
    &lt;i class="radio-icon ion-checkmark"&gt;&lt;/i&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But in the above code, its just a single row tag that I have. I wan't to somehow get the row tag contain/wrap every 2 items in the loop. What is the best way to achieve this? </p>
  
  <p><strong>Ref:</strong> <a href="http://ionicframework.com/docs/components/#grid-explicit">Ionic Grid Doc</a></p>