Angularjs 计数过滤表达式
在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",
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}