更改表行类

时间:2014-03-26 15:38:19

标签: javascript html angularjs

所以,基本上我有一个表,通过ng-repeat动态构建,其中,对于表的每一行,如果数量字段大于0,则会有一个http请求将从一个 Origin Warehouse 目的地仓库

我目前的代码是:

$scope.TransferByOrder = function(){

    for(i = 0; i < $scope.reservesTableByOrder.length; i++){

        if($scope.reservesTableByOrder[i].quant > 0){

            var URL = "/ws/movtransf?func_number="+$scope.func.number+"&art_cod="+$scope.reservesTableByOrderF[i].art_cod+"&origin_ware="+$scope.ware.origin+"&dest_ware="+$scope.ware.dest+"&quant="+$scope.reservesTableByOrder[i].quant+"&ocor="+$scope.reservesTableByOrderF[i].ocor;

        var config = { headers: {
                        'line': i+1,
                        'art_cod': $scope.reservesTableByOrderF[i].art_cod                  }
                };

        $http.get(URL, config).
            success(function(data, status, headers, config) {
                //alert("Line: " + config.headers.line + "\nArt_Cod: " + config.headers.art_cod + "\nStatus: Success!");
        }).
            error(function(data, status, headers, config) {
                alert("Line: " + config.headers.line + "\nArt_Cod: " + config.headers.art_cod + "\nStatus: " + data);
        });
        }
    }
    $scope.showOk = true;
    //loadTableByOrder();
};

(代码被&#39;翻译为&#39;为英文,原始版本按预期工作)。

基本上,我想要做的是将特定表行的背景更改为绿色或红色,如果该行上的请求成功或不成功。

问题是,我似乎无法访问reservesTableByOrdersuccess中的error数组,因此我无法更改该特定的类行。

任何帮助都是生命(工作)救星:)

提前致谢!

1 个答案:

答案 0 :(得分:0)

不确定这是否有帮助,但您可以通过ng-class directive添加课程,如下所示:

<div ng-repeat="item in items" ng-class="red:item.success,green:!item.success"></div>

问候