Question

如何显示来自BED ARRAY的BED对象的过滤列表？我只需要一个简单的过滤器（bStatus =“ Available”）作为循环参考。

我的BED对象具有“床位状态”，该状态显示它是否可用（已被占用）（对于医院系统），我希望它仅显示可用床位。（当bStatus ==“ Available”时）

代码提供了我component.ts中NgOnInit（）的一部分，我能够显示所有可用的床，但是由于我是Angular和Typescript的新手，所以我不知道如何在其中添加过滤器我的代码。

this.bedService
        .query()
        .pipe(
            filter((mayBeOk: HttpResponse<IBed[]>) => mayBeOk.ok),
            map((response: HttpResponse<IBed[]>) => response.body),
        )
        .subscribe((res: IBed[]) => (this.beds = res), (res: HttpErrorResponse) => this.onError(res.message));

预期输出应该是bStatus =“ Available”的床的列表。现在，它显示了我阵列中的所有床，其中包括bStatus =“可用”和“已占用”。

Answer 1

您只需运行Array.filter()即可获得可用床铺。

.subscribe((res: IBed[]) => {
  this.beds = res.filter(obj => obj.bStatus === 'Available');
})

如何在打字稿中显示来自数组的对象的过滤列表？

1 个答案: