将脚本加载到TypeScript文件中？

Question

我正在尝试将下面的脚本标记添加到我的Angular 2项目中，但是我正在寻找一种方法将它加载到打字稿文件中，以便我可以在ts文件中调用它的方法。

<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script> 

有从脚本几件事情，我需要能够在我的打字稿文件，该文件是

let paymentForm = new SqPaymentForm(); 

和

paymentForm.requestCardNonce(); 

我想impletement调用从SquareUp支付，他们在这里有一个例子：https://docs.connect.squareup.com/articles/adding-payment-form

但是，这个例子d没有很好地转化为我正在使用的打字稿设置。谢谢您的帮助！

Answer 1

您需要将脚本包含在index.html中并将其导入到组件中，如下所示。

declare var SqPaymentForm:any; 
import "https://js.squareup.com/v2/paymentform"; 

才能正常编译的声明是必需的，否则它不知道如何等待链接，直到它是JS。

注意：我只是通过下载的文件来完成此操作，而不是从网络访问，所以如果它抱怨导入问题，则可能需要下载JS并尝试执行此操作。