在ngx-paypal中传递可观察变量的合计值

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { PayPalConfig, PayPalEnvironment, PayPalIntegrationType } from 'ngx-paypal';

@Component({
  selector: 'app-paypal',
  templateUrl: './paypal.component.html',
  styleUrls: ['./paypal.component.css']
})
export class PaypalComponent implements OnInit {
  totalAmount: number = 0; // 可观察变量，存储合计值
  payPalConfig?: PayPalConfig; // PayPal配置

  constructor() { }

  ngOnInit(): void {
    // 初始化PayPal配置
    this.initPayPalConfig();
  }

  // 初始化PayPal配置
  initPayPalConfig(): void {
    this.payPalConfig = new PayPalConfig(
      PayPalIntegrationType.ClientSideREST,
      PayPalEnvironment.Sandbox,
      {
        commit: true,
        client: {
          sandbox: 'YOUR_SANDBOX_CLIENT_ID',
          production: 'YOUR_PRODUCTION_CLIENT_ID'
        },
        button: {
          label: 'paypal',
          layout: 'vertical'
        },
        onPaymentComplete: (data, actions) => {
          // 支付完成后的回调函数
          console.log('Payment completed!');
        }
      }
    );
  }

  // 更新合计值
  updateTotalAmount(amount: number): void {
    this.totalAmount = amount;
    this.payPalConfig.amount = this.totalAmount.toString(); // 更新PayPal按钮的金额
  }
}