PROSAGA码农传奇-Angular-使用RxJS 6和Angular 6更新observable中的对象列表

使用RxJS 6和Angular 6更新observable中的对象列表

作者: 没身份别烦我
发布时间: 2024-08-29 05:47:50 (1月前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    这可能是一种方法：
  </p>
   <pre>
    <code>
        getProductandPriceByQuery(query: string): Observable<Product[]> {

return this.productService.getProductListByQuery( query ).pipe(

switchMap(products => {
        const productWithPriceObservables = products.map(product => { 
          return this.productService.getPriceBySku( product.sku )
            .pipe(
              map(price => Object.assign(product, {price: price}))
            );
        });
        return combineLatest(productWithPriceObservables);
      })

)

}

</code>
  </pre>
  <OL>
    <LI>
      首先，我得到了产品。
    </LI>
    <LI>
      然后我使用“switchMap”来表示我将跳转到一个新的observable。 “mergeMap”也是一个有效的选项，具体取决于您的用例。
    </LI>
    <LI>
      <P>
        对于每个产品，我查询价格，并将价格合并到产品中：
      </p>
       <pre>
        <code>
          map(price => Object.assign(product, {price: price}))

</code>
      </pre>
    </LI>
    <LI>
      <P>
        我使用combineLatest在返回所有内容之前等待返回所有价格。
      </p>
    </LI>
  </醇>
</DIV>