Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 计数过滤表达式_Angularjs_Filter - Fatal编程技术网

Angularjs 计数过滤表达式

Angularjs 计数过滤表达式,angularjs,filter,Angularjs,Filter,在AngularJS中,我想显示一个计数器,显示以下各组的“完成/所有”任务,即在本例中: food: 1/2 hygienics: 0/1 任务清单: $tasks = [ { title: "buy bacon", group: "food", done: "true", }, { title: "buy tuna", group: "food",

在AngularJS中,我想显示一个计数器,显示以下各组的“完成/所有”任务,即在本例中:

food:       1/2
hygienics:  0/1
任务清单:

$tasks = [
    {
        title:  "buy bacon",
        group: "food",
        done:   "true",
    },
    {
        title:  "buy tuna",
        group: "food",
        done:   "false",
    },
    {
        title:  "buy toothpaste",
        group:  "hygienics",
        done:   "false",
    },
];
每当我将任务的“完成”设置为“真”时,计数器应自动更新。所以说真的,我正在寻找一个很好的过滤表达式,如下所示(但使用“完成”工作):

我如何将“完成”包含在其中?

来自:

可以使用以下语法链接筛选器:

因此,只需添加一个附加过滤器:

tasks | filter: {group:'food'} | filter: {done: true}
或者,仍然来自

表达式–{string | Object | function()}–

用于从数组中选择项的谓词

可以是以下内容之一:

[……]

对象:模式对象可用于过滤数组包含的对象的特定属性。例如{name:“M”,phone:“1”}谓词将返回一个项目数组,其中属性名称包含“M”,属性phone包含“1”

所以你也可以用

tasks | filter: {group:'food', done: true}

不过没有经过测试。

谢谢,想不到会这么容易:)
tasks | filter: {group:'food'} | filter: {done: true}
tasks | filter: {group:'food', done: true}