Troy Bryant Ответов: 1

Как сбросить этот фильтр angularjs

Привет -

Я пытаюсь нажать кнопку, чтобы сбросить фильтры angularjs, но ничего из того, что я пробовал, кажется, не работает. При нажатии на кнопку она должна сбросить все параметры фильтра, которые уже были выбраны. Код, который у меня есть, выдает ошибку filter undefined.

Вот код
Фильтры :
<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>

Табличные данные
      <tbody>
       <tr ng-repeat="item in vm.items | filter : {type : typeFilter || All} | filter:{status : itemStatus || All }">
             <td ng-bind="item.itemNo"> </td>
             <td ng-bind="item.description"></td>
             <td ng-bind="(item.listPrice | currency)"></td>
       </tr>
</tbody>


в AngularJS
vm.clearFilter = function ($scope) {

    $scope.typeFilter = "";
}


Что я уже пробовал:

Я пытался

vm. clearFilter = функция ($scope) {
$область действия.typeFilter = "";
}
vm. clearFilter = функция ($scope) {
$область действия.typeFilter = {};
}
vm. clearFilter = функция ($scope) {
$область действия.тип = {};
}
ng-click= " typeFilter = {}"

1 Ответов

Рейтинг:
2

Lechu81

На моей HTML странице у меня есть вот это:

<div class="row">
                        <div class="col col-10">
                            <a class="button button-icon icon ion-search"></a>
                        </div>
                        <div class="col col-80">
                            <input type="text" placeholder="Busqueda de clientes..." class="largo100" ng-model="searchCli.Denominacion" >
                        </div>
                        <div class="col col-10">
                            <button ng-if="searchCli.Denominacion.length" class="button button-icon ion-android-close input-button" ng-click="clearSearch()">
                            </button>
                        </div>
                    </div>
                    <ion-scroll style="height=450px" delegate-handle="mainScroll">
                        <div class="list scroll-container">
                            <a class="item item-thumbnail-left item-button-right" ng-repeat="cliente in clientes | orderBy:'Denominacion' | filter:searchCli" ng-click="selectClient(cliente.IdCliente, cliente.Denominacion)" >
                                <img ng-src="img/locales/local1.jpg">
                                <h2>{{cliente.Denominacion}}</h2>
                                <p>{{cliente.Calle}}, {{cliente.Localidad}}</p>
                                <button class="button button-dark">
                                    
                                </button>
                            </a>
                        </div>
                    </ion-scroll>


И в моем контроллере у меня есть это:

$scope.searchCli = {};

$scope.clearSearch = function() {
   $scope.searchCli = {};
};


Работать на меня.

Надеюсь, это вам поможет. С уважением