Hide/show ngtable 的过滤器？

Question

我正在尝试为 ngtable 过滤器添加一个切换按钮，但我不知道如何正确地实现它。当然，我可以清除并隐藏 DOM 元素，但这只是一个糟糕的解决方案。我也试过只更改 DOM 中的属性，但它再也没有被评估过。

我正在为 DOM:

中的过滤器设置默认值

<table id="my-table" ng-table="tableParams" class="table" show-filter="true">

这将默认打开过滤器，但我想要一个可用于再次隐藏和显示过滤器的按钮。

<button type="button" ng-click="toggleSearch()">Toggle search</button>

我怎样才能做到这一点？

Answer 1

您需要一个变量来帮助打开和关闭 ng-table 的过滤器。在 table 标签中：

<table id="my-table" ng-table="tableParams" class="table" show-filter="showFilter">

我的按钮会适当地设置它：

<button type="button" ng-click="showFilter = !showFilter">Toggle search</button>

在我的控制器中 .. 我会将 showFilter 变量设置为默认值（如果我需要显示过滤器则为 true，否则为 false）

Hide/show filters of ngtable?