TypeScript - Google Pay-ის ინტეგრირება Angular-ში

აქედან გამომდინარე, მე ვცდილობ გუგლ პეის ინტეგრირებას Angular-ში, მაგრამ ვერ ვპოულობ არასდროს კარგ წყაროებს. ჩემი ყველაზე დიდი პრობლემა ასეთია...

<script
  async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="console.log('TODO: add onload function GOOGLE PAY')">
</script>

onload თითქოს ვერ მუშაობს. ვცადე სკრიპტის დადგმა აპლიკაციის კომპონენტის დონეზე, მაგრამ მაინც ჩანს, რომ არ მუშაობს.

პასუხი #1

რედაქტირება: პასუხი განახლდა იმისთვის, რომ აღინიშნოს Angular ვერსია ღილაკის ნაცვლად ვებ-კომპონენტის

გააჩნეთ გამოიყენოთ ახლახან გამოშვებული Google Pay Angular კომპონენტი თქვენი Angular ინტეგრაციისთვის.

ინტეგრაციის მაგალითი:

<google-pay-button
  environment="TEST"
  buttonType="buy"
  buttonColor="black"
  [paymentRequest]="{
    apiVersion: 2,
    apiVersionMinor: 0,
    allowedPaymentMethods: [
      {
        type: 'CARD',
        parameters: {
          allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],
          allowedCardNetworks: ['AMEX', 'VISA', 'MASTERCARD']
        },
        tokenizationSpecification: {
          type: 'PAYMENT_GATEWAY',
          parameters: {
            gateway: 'example',
            gatewayMerchantId: 'exampleGatewayMerchantId'
          }
        }
      }
    ],
    merchantInfo: {
      merchantId: '12345678901234567890',
      merchantName: 'Demo Merchant'
    },
    transactionInfo: {
      totalPriceStatus: 'FINAL',
      totalPriceLabel: 'Total',
      totalPrice: '100.00',
      currencyCode: 'USD',
      countryCode: 'US'
    }
  }"
  (loadpaymentdata)="onLoadPaymentData($event)"
></google-pay-button>