选择标记仅显示活动值

Question

您好我在下面的数组，我只需要在下拉列表中显示代码状态：有效我尝试在*ngIf="c.status=='Active'"等选项标签中使用ngif，但不知道如何仅显示活动对象。

<select class="form-control" [(ngModel)]="addproduct.code">
     <option *ngFor="let c of allProducts"  [value]="c.code" id="{{c.code}}">{{ c.code }}</option>
</select>

在组件中：

  getAllProducts(){
      this.superuserViewAccountpreferencessService.getProductDetails().subscribe(
        res => {
          this.allProducts = res['products'];
        }
      )
    }

我将得到回复：

[{
    "code": "PLATINUM",
    "status": "Active",
    "cost": 100
}, {
    "code": "PlatinumTe",
    "cost": 123
}, {
    "code": "Test11",
    "cost": 1234
}, {
    "code": "PLATINUM22",
    "status": "Active",
    "cost": 1000
}]

Answer 1

我会过滤掉status === 'Active'项目，然后再将它们存储在您的媒体资源中

this.allProducts = res['products'].filter(item => item.status === 'Active');