如何合并两个过滤器（AND 运算）

Question

我有两个带有选项的菜单...

<div class="date_menu" ng-repeat="singledate in dates">
    <p>
        {{singledate}}
    <input type="radio" name="filterDateChosen" ng-model="$parent.dateFilter" ng-value="singledate">
    </p>
</div>


<div class="date_menu" ng-repeat="singledate in dates">
    <p>
        {{singledate}}
    <input type="radio" name="filterDateChosen2" ng-model="$parent.dateFilter2" ng-value="singledate">
    </p>
</div>

这些过滤器独立工作，所以如果我以这种方式只使用其中一个，它就可以工作...

<div class="form-container" ng-repeat="formblock in forms | filter:dateFilter">

...这将按选定的日期值进行过滤。

但我想要的是让用户从第一个菜单中选择和选项，然后从第二个菜单中选择和选项，所以如果用户从菜单 1 feb 26 中选择，在第二个菜单中他们选择 march 1，我希望显示日期为 march 1 或 feb 26.

的所有表单块

我尝试了以下方法，但没有提供正确的结果...

<div class="form-container" ng-repeat="formblock in forms | filter:dateFilter | filter:dateFilter2">

如何同时使用两个过滤器进行过滤？

Answer 1

使用这个表达式{{ expression | filter1 | filter2 }}

<div class="form-container" ng-repeat="formblock in forms | filter:{  datefilter | datefilter2 }">

如何合并两个过滤器（AND 运算）

How to merge two filters (AND operation)

javascript

angularjs

angularjs-filter