如何在 Angular 中应用两个包容性过滤器？

Question

<tr ng-repeat="thing in things| filter: {toDpt: filterReceived} && {fromDpt: filterSent}">

我正在尝试向我的部门 (dpt) 展示一些东西。我的 filterReceived 和 filterSent 被两个按钮切换。两者都在工作。

问题是：只有第一个过滤器在工作。如果我把 fromDpt 放在 toDpt 之前，只有 fromDpt 会起作用。

感谢任何建议。

Answer 1

此代码的目标 os 是显示来自部门或到部门的工单。 $scope.filters 包含要应用的过滤器。用户可以同时或不同时查看其部门已发送或接收的工单。

使用 Angular 过滤器，我能够调用我的 ticketsFilter 函数，将门票作为第一个默认参数传递，将过滤器作为第二个可选参数传递。

控制器：

$scope.filters.toDpt = 'Finance';
$scope.filters.fromDpt = 'Food';

过滤器：

app.filter('ticketsFilter', function (){
    return function (items, filters){
        console.log
        var filtered = [];
        for (var i=0; i < items.length; i++){
            var item = items[i];
            //CHECKING FROM AND TO DPT.
            if (item.fromDpt == filters.sent){
                filtered.push(item);
            } else if (item.toDpt == filters.received){
                filtered.push(item);
            };
        };
        return filtered;
    };
});

标记：

<tr ng-repeat="ticket in tickets | ticketsFilter:filters">

如何在 Angular 中应用两个包容性过滤器？

How to apply two inclusive filters in Angular?

angularjs

angularjs-filter