要计算包含值的对象数组属性的数量,您可以使用Angular的内置函数filter()
。
假设您有一个名为items
的对象数组,并且每个对象都有一个名为property
的属性。要计算property
属性值为特定值的对象的数量,可以使用以下代码:
// 在组件类中
export class YourComponent {
items: any[] = [
{ property: 'value1' },
{ property: 'value2' },
{ property: 'value1' },
{ property: 'value3' },
{ property: 'value2' }
];
getCountOfProperty(value: string): number {
return this.items.filter(item => item.property === value).length;
}
}
然后,在模板中调用getCountOfProperty()
函数来获取特定值的对象数量:
数量:{{ getCountOfProperty('value1') }}
此示例将计算items
数组中property
属性值为'value1'
的对象的数量,并在模板中显示出来。
请注意,filter()
函数返回一个包含满足条件的所有对象的新数组。我们使用length
属性来获取新数组的长度,即特定值的对象数量。