个人类用于 ng-repeat

Question

我正在尝试找出一种干净的方法来将个人 classes 添加到我的 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>

我的数据来自哪里：

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

我尝试制作一个 sass 循环来遍历每个项目，基本上只是在每个 class 的末尾添加一个数字，例如：box-{{}}。但是我碰壁了，不知道我还能做什么。

Answer 1

通过将以下代码添加到我的框元素来更新代码。

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

个人类用于 ng-repeat

Individual classes for ng-repeat

angularjs

ng-repeat

ng-class

个人 类 用于 ng-repeat

Individual classes for ng-repeat

angularjs

ng-repeat

ng-class

个人类用于 ng-repeat