AngularJS复选框来打开/关闭我的过滤器答案

【问题标题】：AngularJS checkbox to toggle my filter on/offAngularJS复选框来打开/关闭我的过滤器
【发布时间】：2019-06-15 06:05:10
【问题描述】：

您好，我正在尝试获取一个过滤器来返回具有一定数量但似乎无法使其工作的实例。我的 HTML 中有什么：

我希望在点击此复选框时应用我的过滤器：

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

这是我所拥有的：

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

我刚刚学会了如何创建自定义过滤器，但现在我无法弄清楚如何切换它。

【问题讨论】：

如果您需要帮助，请提供您的 QuantityFilter 是什么、filterSales 是什么以及 value 是什么。这里没有足够的信息来帮助您。

标签： html angularjs angularjs-directive angularjs-ng-repeat angular-filters

【解决方案1】：

如果您只想知道如何查看复选框是否已设置，您可以在过滤器函数中添加一个参数，如文档底部的示例所示：https://docs.angularjs.org/api/ng/filter/filter

您需要将 :filterSales 添加到应用过滤器的 ng-repeat 中。

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

在 js 中，您需要添加另一个参数，在本例中，“array”包含重复的数组（在您的情况下为“value”），并且 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;
});

【讨论】：