javascript - Jag skulle vilja använda en <script> i min Angular-komponent, hur gör jag det? (TypeScript, Angular12)

Detta är koden som jag skulle vilja använda i min Angular-komponent:

  <form action="https://www.meu-site.com/processar-pagamento" method="POST"> <script
src="https://www.mercadopago.com.br/integrations/v1/web-tokenize-checkout.js"
data-public-key="ENV_PUBLIC_KEY"
data-transaction-amount="100.00"></script></form>

Svar #1

Om du måste ladda skriptet från en fjärrplats kan du lägga till det i din index.html-fil, precis som du skulle göra på en vanlig html-sida.

index.html

<!-- get script from 3rd party site -->


<script
     src="https://www.mercadopago.com.br/integrations/v1/web-tokenize-checkout.js"
     data-public-key="ENV_PUBLIC_KEY"
     data-transaction-amount="100.00">
</script>

För att sedan använda skriptet i din komponent behöver du manuellt deklarera de exporterade variablerna/funktionerna för att undvika TS-kompilationsfel

** formComponent.ts**

declare let web-tokenize-checkout: any; //declare the name of the global object you got from the script you added

//use your script functionality, That part is really depends on how the script you imported works
web-tokenize-checkout.doWhatEverYouNeed(....);