2016-11-10 57 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}}"