Question

我有一个无序列表，当选择了一个选项时，它被过滤掉了。我的问题是，当选择“全部”时，不显示任何内容，因为该值与我的任何列表项的item.status都不匹配。有没有办法添加||然后过滤item.status或'ALL'？

以下是select中的值。其中一个值也为每个列表项引用为item.status

app.value('filterSavedList', pageOptions = [
    {
        value: 'ALL',
        label: 'All'
    },
    {
        value: 'NEW',
        label: 'Not started'
    },
    {
        value: 'STARTED',
        label: 'In progress'
    },
    {
        value: 'COMPLETED',
        label: 'Completed'
    }
]);

我的选择和无序列表。

    <select ng-model="filter" ng-options="item.value as item.label for item in status">
    </select>

<ul>
    <li ng-repeat="item in assignments | filter: { status : filter }">
       //do stuff                     
    </li>
</ul>

Answer 1

您还可以创建一个自定义过滤器，按属性进行常规过滤，并在ALL中处理status可能性：

.filter('filterStatus', function () {
    return function (items, status) {
        if(status === 'ALL') {
            return items;
        }
        else {
            var itemsToReturn = [];
            for(var i=0,x=items.length;i<x;i++) {
                if(items[i].status === status) {
                    itemsToReturn.push(items[i]);
                }
            }
            return itemsToReturn;
        }
    };
});

然后在HTML中：

<ul>
    <li ng-repeat="item in assignments | filterStatus: filter">
        <!-- do stuff -->                     
    </li>
</ul>

Answer 2

您只需将状态值设置为''（空字符串），并确保将filter（即选择框的模型）初始化为4个值中的一个（即初始化）如果必须预先选择 All 选项，则''

有关完整示例，请参阅http://plnkr.co/edit/mJtQnwA3aQhpT4WN62jj?p=preview。

如何在过滤器AngularJS中使用OR

2 个答案: