将脚本加载到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。

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