如何在角度 ui-grid 中进行多重过滤？答案

【问题标题】：How to do multiple filtering in angular ui-grid?如何在角度 ui-grid 中进行多重过滤？
【发布时间】：2015-07-20 04:11:12
【问题描述】：

我需要过滤具有多个条件的列。这是我的代码：

filters : [ 
    {
        condition : uiGridConstants.filter.GREATER_THAN,
        placeholder : 'greater than'
    },{ 
        condition : uiGridConstants.filter.LESS_THAN,
        placeholder : 'less than'
    }
]

上面的代码将显示“大于”和“小于”特定列的值。我需要再添加 2 个条件：例如“不在大于和小于值之间”。

这里是 plunker：http://plnkr.co/edit/co8tfDrn2EOyC5thrMwg?p=preview

【问题讨论】：

标签： jquery angularjs angular-ui-grid

【解决方案1】：

列过滤器也可以带函数，函数签名为

function(term,value,row,column){
}

只要此函数返回 true，您的行就会可见。您的情况下的列过滤器功能将是这个

 $scope.colFilter.condition = function(term,value, row, column){
      return (value>$scope.greater && value<$scope.less)
    }

查看这个 plnkr 以了解更多和更少的功能。

http://plnkr.co/edit/4HCwBdkOWGOl07XmxPKi?p=preview

【讨论】：

【解决方案2】：

这些条件是硬编码的，还是您希望用户能够编辑的内容？您可以使用 UI-Grid 文档中所示的自定义过滤来做到这一点：link

并通过编写自定义过滤函数-link

【讨论】：