将脚本加载到TypeScript文件中？

Question

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

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

脚本中有一些我需要能够在我的打字稿文件中调用的东西，

let paymentForm = new SqPaymentForm();

和

paymentForm.requestCardNonce();

我正在尝试从SquareUp付款实施，他们在这里有一个例子：https://docs.connect.squareup.com/articles/adding-payment-form

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

Answer 1

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

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

声明是正确编译所必需的，否则它不知道如何等到链接直到JS为止。

注意：我只对我下载的文件执行此操作，而不是从Web访问，因此如果它抱怨导入，您可能需要下载JS并尝试。