javascript - angularjs ng-repeat回调函数

Question

有没有办法为 ng-repeat 的每次重复发出回调。我有一个经过过滤的集合，每次显示项目时都需要动态修改文本。如果不可能，是否有任何解决方法？

<span ng-repeat="item in items|myfilter">
    <div nonexisting-ng-repeat-callback="getTextFromServer({{item.id}})"></div>
</span>

更新:

当我尝试以下操作时:

<span ng-repeat="item in items|myfilter">
    <div ng-style="{{item.style}}" ng-init="getTextFromServer(item)"></div>
</span>

在 $scope 中

$scope.getColor = function (item) {
    var data = item.percentageComplete;
    if (data == 100) {
        return {
            color: "green"
        };
    } else {
        return {
            color: "orange"
        };
    }
};

$scope.getTextFromServer = function (item) {
        $http({
            method: 'GET',
            url: '/mypage',
            params : {"uri" : item.Url +"&Result=Percentage"}
        }).
        success(function (data, status, headers, config) {
            item.percentageComplete = data;
            item.style = $scope.getColor(item);
        }).
        error(function (data, status, headers, config) {
            console.log(data + " - " + status);
            item.percentageComplete = undefined;
            item.style = $scope.getColor(item);
        });
};

调用了 getTextFromServer，但是当 http 调用返回时 ng-style 没有更新。

问候，林

Answer 1

您可以使用 ng-init或 ng-show指令:

<span ng-repeat="item in items|myfilter">
    <div ng-init="getTextFromServer({{item.id}})"></div>
</span>

或

<span ng-repeat="item in items|myfilter">
    <div ng-show="condition"></div>
</span>