我正在尝试将以下脚本标记添加到我的 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";
declare 是正确编译所必需的,否则它不知道如何等待链接直到它是 JS。
注意:我只对下载的文件执行此操作,而不是从 Web 访问,因此如果它提示导入,您可能需要下载 JS 并尝试。
关于javascript - 将脚本加载到 TypeScript 文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43984674/