AngularJS清除ng-repeat的過濾器

Question

我有這種ng-repeat條件：

<tr ng-repeat="(k, v) in loanapps | filter:{LoanStatus:SelectedStatus}:true track by $index">
    <td>
        {{v.Id}}
    </td>
    <td>
        {{v.Name}}
    </td>
</tr>

當我具有SelectedStatus值時，篩選工作正常。 現在，我還想重置過濾器並顯示所有結果。

我具有此按鈕單擊功能：

$scope.ResetStatusFilter = function() {
    $scope.SelectedStatus = null;
}

我也嘗試過：

$scope.ResetStatusFilter = function() {
    $scope.SelectedStatus = '';
}

但這正在清除所有結果。

無論如何，單擊按鈕后如何顯示所有結果並排除過濾器？

選擇列表是這個：

<select ng-model="SelectedStatus">
    <option value="Under Review">Under Review</option>
    <option value="Waiting for Meeting">Waiting for Meeting</option>
    <option value="Processing">Processing</option>
</select>

Answer 1

嘗試將filter:{LoanStatus:SelectedStatus}:true更改為filter:SelectedStatus 。

Answer 2

嘗試這種短路技術。

<tr ng-repeat="(k, v) in loanapps | 
           filter: (LoanStatus.SelectedStatus &&
     {LoanStatus:SelectedStatus}:true) track by $index">

Answer 3

而不是使用filter:{LoanStatus:SelectedStatus}:true來filter:SelectedStatus 。

您可以通過使用清除過濾器

$scope.SelectedStatus ={}

它將清除過濾器