我有一个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
}));
我想在enitit为“ T”时检索值verbeteringBedrag。在这种情况下,应在模板中显示的值是:3250
我以为您几乎是第一次拥有它:
this.verBeterEuro$ = this.improvementService.improvementSubject.pipe(
map(
(y) => {
const v = y.verbetering.find(vi => vi.entiteit === 'T');
return v.verbeteringBedrag;
}
)
);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句