Einzelunterricht für ng-repeat

Question

Ich versuche, eine saubere Art und Weise, um herauszufinden, einzelne Klassen zu meinem hinzufügen ng-repeat

  <div class="panel-body"> 
        <ul class="instagram-list" id="feed" ng-repeat="item in items track by $index">  
         <li class="box"> 
          <a ng-href="{{item.link}}" target="_blank"> 
           <small>{{item.caption.text}}</small> 
           <img ng-src="{{item.images.standard_resolution.url}}" width="294"> 
          </a> 
         </li> 
        </ul>      
       </div> 

Wo ist meine Daten kommen aus:

app.factory('Instagram', ['$http', 
    function($http) { 
     var base = "https://api.instagram.com/v1"; 
     var min_tag_id = null; 
     // get your own client id http://instagram.com/developer/ 
     var clientId = 'xxxxxxxxxxx'; 
     return { 
      updateMinTagId: updateMinTagId, 
      get: function(hashtag) { 
       var request = '/tags/' + hashtag + '/media/recent?count=8&access_token=xxxxxxx.xxxxxx.xxxxxxx' + (min_tag_id !== null ? '&min_tag_id=' + min_tag_id : ''); 
       console.log('request', request, 'min_tag', min_tag_id); 
       var url = (min_tag_id == null ? base + request : min_tag_id); 
       var config = { 
        'params': { 
         'callback': 'JSON_CALLBACK' 
        } 
       }; 
       return $http.jsonp(url, config); 
      } 
     }; 
     function updateMinTagId(ID) { 
      if (angular.isUndefined(ID)) return; 
      min_tag_id = ID; 
     } 
    } 
]); 

I Ich habe versucht, eine Sass-Schleife zu erstellen, die über jedes Element iteriert und im Grunde nur eine Zahl am Ende jeder Klasse hinzufügt, etwas wie: box - {{}}. Aber ich stoße gegen eine Wand und habe keine Ahnung, was ich sonst noch mache tun könnte.

Answer 1

Aktualisierter Code durch Hinzufügen des folgenden Codes zu meinem Box-Element.

ng-class="box-{{$index}}"