javascript - Angular 2 get .length 但仅计算 html 或 ts 组件中的特定数据

Question

给出下面的脚本:

//just a dummy data source for our list
import { healthModel } from './healthModel';

export const healthListAll: healthModel[] =
[
    {
      id: 1,
      Name: 'Asparagus',
      healthGroup: 'Vegetable',
      isAvail: 1
    },
    {
      id: 2,
      Name: 'Banana',
      healthGroup: 'Fruit',
      isAvail: 0
    },
    {
      id: 3,
      Name: 'Pomegranate',
      healthGroup: 'Fruit',
      isAvail: 1
    }, 
    {
      id: 2,
      Name: 'Artichoke',
      healthGroup: 'Vegetable',
      isAvail: 0
    }
]

在 ts 组件上我可以做 healthList = healthListAll;

所以我可以通过以下方式获取 html 组件的总数{{healthList.length}}

但是，有没有办法让我只获取项目的长度isAvail = 0 或 healthGroup？我可以在 html 组件上做它所以它很干净吗？或者只能在 ts 组件上完成？

抱歉。 Angular 很新。

Answer 1

要获取 isAvail = 0 或 healthGroup 的项目长度，您必须在 ts 中执行此操作

 var length=this.healthListAll.filter(x=>x.isAvil==0).length
    var length=this.healthListAll.filter(x=>x.healthGroup=='Fruit').length