2016-11-10 88 views
0

我試圖找出一個乾淨的方式,以個人類添加到我的NG-重複個別班納克重複

  <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> 

凡我數據來自:

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; 
     } 
    } 
]); 

我我試圖做一個循環遍歷每個項目,基本上只是在每個類的末尾添加一個數字,如:box - {{}}。但是,我正在撞牆,不知道我還有什麼可以做。

+2

爲什麼saas循環?爲什麼不只是'ng-class =「box - {{$ index}}」'? – Claies

+0

@Claies我被推遲了。我以爲我已經有了,並且看不出爲什麼沒有生成號碼。謝謝。 – Brendan

回答

0

通過將下面的代碼添加到我的box元素來更新代碼。

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