使用RxJS过滤单个值并返回可观察到的值,并通过Angular模板中的async使用可观察到的值

Ben

我有一个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

IanT8

我以为您几乎是第一次拥有它:

this.verBeterEuro$ = this.improvementService.improvementSubject.pipe(
  map(
    (y) => {
      const v = y.verbetering.find(vi => vi.entiteit === 'T');
      return v.verbeteringBedrag;
    }
  )
);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

RxJs可观察到的重复值

模板中的异步管道可观察到的值不适用于单个值

RXJS可观察到的转换数组为多个值

可观察到的异步管道未返回值

保持可观察到的错误并返回所有值

如何在Angular Jasmine Spec中测试主题和可观察到的返回值?

使用if / else语句返回可观察到的值不适用于RxSwift flatMap

rxjs如何在角度服务中一起返回可观察到的值

如何在React中正确进行GET调用以返回可观察到的值(类似于Angular中的方法,而不使用promises)?

可观察到使用共享的RxJS重新连接WebSocket

从可观察到的字符串值

可观察到的发射值不会延迟

可观察到不发出任何值

RxJava:可观察到的发出重复值

@ ionic-native /从可观察到的网络值捕获

如何使用扫描运算符计算可观察到的空隙的发射值?

返回可观察到的内部可观察到的可激活Angular 4防护

Angular 8:从可观察到的RxJS中过滤结果(来自Angular.io教程)

在Angular中使用if条件等待可观察到的响应

Rxjs在可观察到的全局变量中分配值

rxjs-缓冲发出的值,直到其他可观察到的发出,然后照常发出

当另一个发出值时,可观察到RxJS错误

RxJs数组可观察到的数组

rxjs可观察到的更改间隔

rxjs可观察到的导入问题

在离子2应用中可观察到使用诺言

可观察到可观察的顺序

角:从forkJoin返回的值在其他可观察到的管道内

如何根据可观察到的返回值对演示者方法进行单元测试?