Question

我有一个ng-repeat（jade）：

.col-lg-4.col-md-4.col-sm-6.col-xs-12.product.product-grid(ng-repeat='item in collection | product_sex:filter_sex | product_stock:stockKind')

在我的app.js中，我有两个过滤器：

.filter('product_sex', function(){
    return function(input, sex){

        if(input == undefined){
            input = [];
        }
        var output = [];

        if(sex == 'undefined' || sex =='all'){
            output = input;
        }

            for(var i =0; i < input.length; i++){
                var item = input[i];

                if (item.product.sex == sex){
                    output.push(item);
                }
            }


        return output;
    }
})
.filter('product_stock', function(){
    return function(input, stockKind){

        if(input == 'undefined'){
            input = [];
        }

        var output = [];

        if (stockKind == 'undefined' || stockKind == 'all'){
            output = input;
        }

            for(var i=0; i< input.length; i++){
                var item = input[i];

                if(item.stock < 0 && item.status != 'Niet leverbaar' && stockKind == 'online'){
                    output.push(item);
                }else if(item.stock > 0 && item.status != 'Niet leverbaar' && stockKind =='fysiek'){
                    output.push(item);
                }
            }


    }
})

我想将两个过滤器应用于ng-repeat。第一个过滤器工作正常，但是当我添加第二个过滤器时（如示例中所示），它将不返回任何内容。对于TypeError: Cannot read property 'length' of undefined中的for循环，角度错误日志显示为product_stock filter。我看不出我做错了什么，所以我想知道你是否可以再次帮助我？

在我的控制器中，我使用“全部”填充$scope.stockKind和$scope.filter_sex。之后我可以在点击链接时更改其值，例如ng-click='stockKind="online"'

Answer 1

您的错误位于代码的以下部分

if(input == 'undefined'){
    input = [];
}

你应该用

替换它

if(input == null){
    input = [];
}

OR

if(input === undefined || input === null){
    input = [];
}

两者完全相同

角度多重滤波器，第二个滤波器是空的？

1 个答案: