Angular 传递ngx paypal中可观测变量的总值

我正在使用

ngx paypal

在页面中引入paypal支付按钮。我将cart对象表示为：

  cart$: Observable<Cart>;

  public paypalConfig$ = this.cart$.pipe(
    map(cart => this.buildPaypalConfig(cart.items))
  );

<ngx-paypal [config]="paypalConfig$ | async"></ngx-paypal>

---

如果我在

initConfig

中订阅

cart$

，并在订阅中初始化

this.payPalConfig

，可以吗？

如果您已经将

cart$

作为一个可见项，

payPalConfig

的值取决于

cart$

的排放量，将配置定义为从

购物车$

派生的可观察配置可能是最简单的，如下所示：

  cart$: Observable<Cart>;

  public paypalConfig$ = this.cart$.pipe(
    map(cart => this.buildPaypalConfig(cart.items))
  );

<ngx-paypal [config]="paypalConfig$ | async"></ngx-paypal>

您可以从

购物车$

中创建一个

buildPaypalConfig

方法来构建配置对象。然后，在模板中，您可以将

paypalConfig$|async

传递给

ngx paypal

组件，如下所示：

  cart$: Observable<Cart>;

  public paypalConfig$ = this.cart$.pipe(
    map(cart => this.buildPaypalConfig(cart.items))
  );

<ngx-paypal [config]="paypalConfig$ | async"></ngx-paypal>

这确保了

ngx paypal

组件始终具有反映

购物车$

最新更改的配置

这是一个样品