javascript - 将脚本加载到TypeScript文件中？

我试图将以下脚本标签添加到我的Angular 2项目中，但是我正在寻找一种将其加载到typescript文件中的方法，以便可以在ts文件中调用其方法。

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

我需要能够在 typescript 文件中调用脚本中的一些内容，这些内容是

let paymentForm = new SqPaymentForm();

和

paymentForm.requestCardNonce();

我正在尝试从SquareUp付款中付款，这里有一个示例:https://docs.connect.squareup.com/articles/adding-payment-form

但是，此示例不能很好地转换为我正在使用的 typescript 设置。谢谢您的帮助!

最佳答案

您需要将脚本包含在index.html中，然后将其导入到组件中。

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

必须正确进行声明，才能正确编译该声明，否则它将不知道如何等待链接，直到它是JS。

注意:我只对下载的文件进行了此操作，而不是通过Web进行访问，因此，如果它提示导入，则可能需要下载JS并尝试。