AngularJS 用于切换我的过滤器的复选框 on/off

Question

您好，我正在尝试过滤 return 个具有一定数量但似乎无法正常工作的实例。我的 HTML:

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

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

这是我的：

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

我刚刚学会了如何创建自定义过滤器，但现在我不知道如何切换它。

Answer 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;
});