隐藏/显示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 id="my-table" ng-table="tableParams" class="table" show-filter="showFilter">

我的按钮会正确设置:

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

在我的控制器..我将我的showFilter变量设置为默认值(如果我需要显示过滤器,则为true,否则为false)