Ng-repeat in Three Columns


#1

Hello everyone, I have a problem here, I want slip a ng-repeat in three columns and I use this code for that:

<table>
  <tr ng-repeat="item in cinemas" ng-switch on="$index % 3">
  <td ng-switch-when="0">
   <a ng-href="#/app/cinemas/{{item.aId}}"> <img style="width:100%;" src="http://joaopaulodias.com.br/contagemapp/img/img_{{cinemas[$index].imagem}}.jpg" style="height:33%;" ></a>
</td>
<span ng-show="item[$index+1]">
<td ng-switch-when="0">
<a ng-href="#/app/cinemas/{{item.aId}}"> <img style="width:100%;" src="http://joaopaulodias.com.br/contagemapp/img/img_{{cinemas[$index+1].imagem}}.jpg" style="height:33%;"></a>
</td>
</span>    
<span ng-show="item[$index+2]">    
<td ng-switch-when="0">
<a ng-href="#/app/cinemas/{{item.aId}}">  <img style="width:100%;" src="http://joaopaulodias.com.br/contagemapp/img/img_{{cinemas[$index+2].imagem}}.jpg" style="height:33%;"></a>
</td>
</span>
</tr>
</table>

this is three images and for each image I need a unique ID to send to details page.

The problem is this solution dont give me a unique ID for detail page, like I want, I’m not sure but I think is because the [index+1] thing, he gave me the first item key and the first of the second row etc…

So if you can give me a Light to how I can do this I’ll appreciate to much!!!