Флажок AngularJS для включения / выключения моего фильтра - PullRequest
Новая
       54

Флажок AngularJS для включения / выключения моего фильтра

0 голосов
/ 21 января 2019

Привет. Я пытаюсь получить фильтр для возврата экземпляров, которые имеют определенное количество, но, похоже, не могут заставить его работать. Что у меня есть в моем HTML:

Я бы хотел, чтобы мой фильтр применялся, когда я установил этот флажок: 

<input type="checkbox" value="true" ng-model='filterSales' >

Вот что у меня есть: 

<div class='col-md-12' ng-repeat='sku in value | QuantityFilter'>

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

1 Ответ

0 голосов
/ 22 января 2019

Если вы просто хотите узнать, как вы можете видеть, установлен ли флажок или нет, вы можете добавить параметр к своей функции фильтра, как показано в примере внизу документации: https://docs.angularjs.org/api/ng/filter/filter

Вам необходимо добавить :filterSales к вашему ng-повтору, где вы применяете фильтр. 

<div class='col-md-12' ng-repeat='sku in value | quantityFilter:filterSales'>

В js вам нужно добавить другой параметр, в этом примере «массив» содержит массивкоторый повторяется (в вашем случае "значение") и toggleVar имеет значение флажка. 

"use strict";

app.filter("quantityFilter", function () {

    function quantityFilter(array, toggleVar) {
        if(!toggleVar){
            return array;
        }

        let result = [];

       // TODO: Build new array based on your criteria

        return result;
    }

    return quantityFilter;
});
...