如何清除过滤器 - AngularJS

Question

我是AngularJS的新手,今天正在玩过滤器.我能够应用filter过滤器只显示与选择菜单中的条件匹配的行.但是,我无法在按钮上添加"清除过滤器"功能.单击按钮后如何重置过滤器？

在下面的Plunker中,你可以看到我试图实现的代码: Plunker - AngularJS Sample

Answer 1

该ng-click指令可以用于将过滤器模型设置为任何falsey -丁不可─ false的Javascript值,例如'',undefined,null或{}.

在以下代码中,单击div将重置customFilter模型.

<input type="text" ng-model="customFilter" />
<div ng-click="customFilter = undefined">
    Clear Filter
</div>

Answer 2

您可以使用ng-click绑定单击处理程序来清除query范围内的变量.