如何為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”是否返回過濾結果，否則返回相同結果