如何为AngularJs 1.4.8显示/隐藏文件管理器的ng-repeat

Question

我收到了带过滤器的消息列表：

<tr ng-repeat="message in messages | filter:searchForMessage">

这是一个按钮：

<a href="#" ng-click="search()">
        <img src="../common/magnifier.png">
</a>

但我想点击“搜索”按钮隐藏/显示此过滤器：

$scope.showSearchPanel = false;
    $scope.search = function(){
        $scope.showSearchPanel = !$scope.showSearchPanel;
    }

我有什么方法可以做到这一点？ 谢谢！

Answer 1

您可以使用

<tr ng-if="showSearchPanel" ng-repeat="message in messages | filter:searchForMessage">

单击搜索按钮后会显示

Answer 2

您可以在过滤器中添加变量以打开和关闭它。

<tr ng-repeat="message in messages | filter:searchForMessage: showSearchPanel">

然后在过滤器内部，您可以验证“showSearchPanel”是否返回过滤结果，否则返回相同的结果