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

Question

我正在尝试将以下脚本标记添加到我的 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 设置。感谢您的帮助!

Answer 1

您需要将脚本包含在 index.html 中并将其导入到组件中，就像这样。

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

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

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