我有一个 Angular 服务,它通过 Angular httpClient 正确返回 JSON 对象。通过可观察量,我想通过异步在输入字段中读取模板中 JSON 对象的值。
异步部分已准备就绪,只有我在通过 RXJS 从 Json 检索值时遇到问题。
Java 脚本对象:
{
"verbetering": [
{
"entiteit": "S",
"inkoopWaarde": 125000,
"verbeteringBedrag": 3250,
"verbeteringPercentage": 2.6
},
{
"entiteit": "T",
"inkoopWaarde": 125000,
"verbeteringBedrag": 3250, //In this field is the value I want to show in the template file!!
"verbeteringPercentage": 2.6
}
]
}
模板代码:
<h4>{{ verBeterEuro$ | async }}</h4>
打字稿代码:
verBeterEuro$ = new Observable<number>();
this.verBeterEuro$ = this.improvementService.improvementSubject.pipe(map(y => y.verbetering.filter(y => y.entiteit == 'T'))).pipe((map(w => w // i am lost...
此代码有效,但这是对 json 中值的直接调用,不可用:
this.verBeterEuro$ = this.improvementService.improvementSubject.pipe(map(x => {
return x.verbetering[1].verbeteringBedrag
}));
我想在 eniteit 为 'T' 时检索值 verbeteringBedrag。在这种情况下,模板中应显示的值:3250
我以为你第一次几乎拥有它:
this.verBeterEuro$ = this.improvementService.improvementSubject.pipe(
map(
(y) => {
const v = y.verbetering.find(vi => vi.entiteit === 'T');
return v.verbeteringBedrag;
}
)
);