Angularjsボタンをクリックすると複数のフィルタがクリアされます

Question

ページ上のさまざまな選択ボックスから複数のフィルタがあります。私の理想的な機能は、ボタンを1回クリックするだけですべてのフィルターをリセットするオプションをユーザーに与えることです。私は選択ボックスで個別にこの特定のフィルタをリセットすることはできますが、同時に複数のフィルタをリセットすることはできません。私が試したものの

        <div class="col-md-2"> 
            <select class="form-control" ng-model="typeFilter"> 
             <option value="">All</option> 
             <option>Stock</option> 
             <option>Special Order</option> 
             <option>Part</option> 
            </select>  
           </div> 
           <div class="col-md-2"> 
            <select class="form-control" ng-model="itemStatus"> 
             <option value="">All</option> 
             <option>Active</option> 
             <option>Discontinued</option> 
             <option>Obsolete</option> 
             <option>Deleted</option> 
            </select>                    
           </div> 
           <div class="col-md-2"> 
            <button type="button" class="btn btn-large button-dropdown" data-translate="Rest_Filters" ng-click="vm.clearFilter()"> Rest Filters</button> 
           </div> 

コントローラ - -

vm.clearFilter = function() { 
    vm.typeFilter = {}; 
    vm.typeFilter = ""; 
    vm.typeFilter = null; 

    vm.itemStatus = {}; 
    vm.itemStatus = ""; 
    vm.itemStatus = null; 
} 

私はまた、このような

ng-click="typeFilter = null" 
ng-click="typeFilter = {}" 

といくつかのようにインライン構文を試してみた。ここ

コードです他は何もフィルタをクリアするようです。

おかげ

Answer 1

それはあなたのポインタ変数

$scope.clearFilter = function() { 
    $scope.typeFilter = null; 
    $scope.itemStatus = null; 
    } 

Plunkerと何か：https://plnkr.co/edit/eRw7L6c8Cd84oLUUDnQm?p=preview