我想显示来自 API 的数据，但我不想使用多个 *ngIfs？还有别的办法吗？

Question

我得到原因属性，它有不同的值。对于每个特定的值，我必须显示下表中的相应值。但我不想用多个ngif，我能不能用映射或其他方式?

表

Answer 1

可以将TABLE中的数据存储在Map对象中:

const tableMap = new Map([
['NOT_ELIGIBLE', 'RX not Eligible'],
['YES_ELIGIBLE', 'Approved']
]);

显示对应的值:

tableMap.get('NOT_ELIGIBLE'])

Answer 2

这很简单。甚至不需要很花哨。你可以用简单的方法来实现它。你可以有一个像这样的enum

export enum StatusValues{
NOT_ELIGIBLE = 'Rx Not Eligible'
YES_ELIGIBLE = 'Yes Eligible'
}

然后在你的模板中你可以这样做

<p>{{StatusValues[yourResponseKey]}}</p>

不需要使用ngIf,ngSwitch