Angular 使用“角度选择”时，如何仅显示激活的产品=0

我只想显示活动数据=0。我用JSON获取所有数据，如下所示：

{
    "StatusCode": 0,
    "StatusMessage": "OK",
    "StatusDescription": [
        {   "h_id": "1",
            "active": 0,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "4324fdfd",
            "client_id": null
        },
        {   "h_id": "2",
            "active": 0,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "3435fdf",
            "client_id": null
        },
        {   "h_id": "3",
            "active": 0,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "fgdge43",
            "client_id": null 
        },
        {   "h_id": "4",
            "active": 1,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "edf43",
            "client_id": 1
        },
        {
            "h_id": "5",
            "active": 1,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "3456677777",
            "client_id": 2
        },
        ....
        {
           "h_id": "10",
            "active": 1,
            "date_created": "2018-08-02T15:28:52.000Z",
            "serial_number": "JDLk32",
            "client_id": 200
        }
      ]
     }

在html中，我编写以下代码以显示下拉列表中的所有数据：

<div class="input-field col s12">
  <select formControlName="h_id" id="h_id" materialize="material_select" [materializeSelectOptions]="hbp" >
    <option value="" disabled selected>Select Hb</option>
    <option *ngFor="let hb of hbp" [value]="hb.h_id">{{hb.serial_number}}</option>
  </select>
</div>

选择血红蛋白
{{hb.序列号}

所有值在下拉选择中显示正确，但我只想在下拉选择中显示具有

活动的hb:0

---

请告诉我如何仅显示数据

active=0

？

在组件中创建一个getter

get zeroHbp（）{
返回this.hbp&&this.hbp.filter（hb=>hb.active==0）| |[]；
}

{{hb.序列号}

请尝试*ngIf以了解ng容器中的状况

**<select>
   <ng-container *ngFor="let hb of hbp">
     <option *ngIf="hb.active == 0"  [ngValue]="hb.h_id" ></option>
   </ng-container>
</select>**

**
**

您可以将html代码更改为以下内容：

<select id="h_id">
  <option value="" disabled selected>Select Hb</option>
  <ng-container *ngFor="let hb of hbp.StatusDescription">
    <option *ngIf="hb.active === 0">{{hb.serial_number}}</option>
  </ng-container>
</select>

选择血红蛋白
{{hb.序列号}

谢谢您的回答<代码>错误类型错误：无法读取未定义的属性“筛选器”顺便说一句，很遗憾，代码段不支持粗体显示（即使用

**

）。（试图回答这个问题，但因字数太少而被拒绝）