title: How to display images in rows?
body: <p>HI i have 10 images i need to display that in two row 5 in upside and 5 in bottom, i tried like this it shows them as two row but ng click is not working properly.</p>
  
  <pre><code>&lt;div  class="row" ng-repeat="image in images" ng-if="$index % 5 === 0" id="categorgrid"&gt;
          &lt;div class="col col-20" ng-if="$index &lt; images.length" ng-click="categoryclick(images[$index].src)"&gt;
              &lt;img ng-src="{{images[$index].src}}" width="100%" /&gt;
          &lt;/div&gt;
          &lt;div class="col col-20" ng-if="$index + 1 &lt; images.length" ng-click="categoryclick(images[$index].src)"&gt;
              &lt;img ng-src="{{images[$index + 1].src}}" width="100%" /&gt;
          &lt;/div&gt;
          &lt;div class="col col-20" ng-if="$index + 2 &lt; images.length" ng-click="categoryclick(images[$index].src)"&gt;
              &lt;img ng-src="{{images[$index + 2].src}}" width="100%" /&gt;
          &lt;/div&gt;
          &lt;div class="col col-20" ng-if="$index + 3 &lt; images.length" ng-click="categoryclick(images[$index].src)"&gt;
              &lt;img ng-src="{{images[$index + 3].src}}" width="100%" /&gt;
          &lt;/div&gt;
          &lt;div class="col col-20" ng-if="$index + 4 &lt; images.length" ng-click="categoryclick(images[$index].src)"&gt;
              &lt;img ng-src="{{images[$index + 4].src}}" width="100%" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>