过滤匹配细节的对象

Question

功能运行良好，它们按条形码和制造商过滤库存。我想让它像默认的 angularjs 过滤一样。如果我选择制造商 - LG 和条形码 - 112，如果它们不匹配，那么它不应该显示任何内容。

但现在它单独显示，当我点击过滤器功能时，它会在 filter2 功能过滤器制造商上过滤条形码

$scope.filter = function(barcode) {
            var filtered = [];
            for(var i = 0; i < $scope.inventories.length; i++){
                if($scope.inventories[i].barcode == barcode){
                    filtered.push($scope.inventories[i]);
                } 
            }
            $scope.filtered_inventories = filtered;
        };

        $scope.filter2 = function(manufacturer) {
            var filtered = [];
            for(var i = 0; i < $scope.inventories.length; i++){
                if($scope.inventories[i].manufacturer == manufacturer){
                    filtered.push($scope.inventories[i]);
                } 
            }
            $scope.filtered_inventories = filtered;
        };

Answer 1

试试这个

    $scope.filter = function (barcode, manufacturer) {
        var filtered = [];
        for(var i = 0; i < $scope.inventories.length; i++){
            if($scope.inventories[i].barcode == barcode || $scope.inventories[i].manufacturer == manufacturer){
                filtered.push($scope.inventories[i]);
            } 
        }
        $scope.filtered_inventories = filtered;
    };

Answer 2

您可以创建更通用的过滤方式：

$scope.filterByBarcode = function(list, key, value) {
    return list.filter(function(item){
        return item[key] === value;
    });
};

当您过滤时，您可以调用：

$scope.filtered_inventories = $scope.filter($scope.filter($scope.inventories, 'barcode', 112), 'manufacturer', 'LG')

但是为了简化你可以创建一个函数：

$scope.filterByBarcodeAndManufacturer = function(barcode, manufacturer) {
    $scope.filtered_inventories = 
        $scope.filter($scope.filter($scope.inventories, 'barcode', barcode), 'manufacturer', manufacturer);  
}