如何在 ts 组件文件中使用 3rd 方脚本文件？

Question

这是第 3 方脚本文件 jsfiddle example link 的链接，但在该外部文件中是第 3 方 js 脚本文件，它的所有函数都是自调用函数。

如何在 ts 文件中声明该函数？

在 ts 文件中声明变量后，我需要调用下面的 3rd 方函数。

affirm.checkout.open({
     success: function (card_details) {
       console.log('#### calling affirm.checkout.open');
     },
     error: function (error_response) {
       console.log('#### calling affirm.checkout.open Error =======');
     },
     checkout_data: ObjectData;
   });

在运行应用程序时获取ERROR in src/app/components/checkout/checkout.component.ts(1572,5): error TS2304: Cannot find name 'affirm'.

谁能帮帮我。

Answer 1

将脚本添加到 angular.json 文件中的脚本数组中：

        "scripts": [
          "src/script.js"
        ]

之后，您可以通过为它声明一个变量来在 typescript 文件中使用它。