如何为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”是否返回过滤结果，否则返回相同结果