javascript - 如何显示/隐藏AngularJs的ng-repeat过滤器1.4.8

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

<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;
    }

有什么办法可以做到吗？
谢谢！

最佳答案

您可以使用

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

点击搜索按钮后将显示