如何通過將其保留爲空來重置過濾器？

Question

我有一個列表過濾：

<input ng-model="searchFileName" /> 
<table> 
    <tr ng-repeat="file in folders | filter:searchFileName"> 
     <td><a ng-click="openFolder(file.name)">{{ file.name }}</a></td> 
    </tr> 
</table> 

我想清楚searchFileName值當我點擊搜索結果。

這是openFolder功能：

$scope.openFolder = function(name) { 
    $scope.searchFileName = null; 

    $http.jsonp($scope.server + '?open=' + encodeURIComponent($scope.buildTreePath()) + '&callback=JSON_CALLBACK').success(function(data){ 
     $scope.folders = data; 
    }); 
} 
} 

我不能空我過濾器領域，這是行不通的......我在哪裏錯了？

Answer 1

只需使用：

$scope.openFolder = function(name) { 

    $scope.searchFileName = null; 
    } 

var app = angular.module('app', []); 
 

 
app.controller('fCtrl', function($scope) { 
 

 
    $scope.folders = [ 
 

 
    { 
 
     name: "Ala" 
 
    }, { 
 
     name: "Ata" 
 
    }, { 
 
     name: "Ara" 
 
    }, { 
 
     name: "Ama" 
 
    } 
 

 
    ]; 
 

 
    $scope.openFolder = function(name) { 
 

 
    $scope.searchFileName = null; 
 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app"> 
 
    <div ng-controller="fCtrl"> 
 

 
    <input ng-model="searchFileName" /> 
 
    <table> 
 
     <tr ng-repeat="file in folders | filter:searchFileName"> 
 
     <td><a ng-click="openFolder(file.name)">{{ file.name }}</a> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </div> 
 
</div>