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