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

Question

这是第 3 方脚本文件jsfiddle 示例链接的链接，但在该外部文件中是第 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"
        ]

之后，您可以通过为其声明一个变量在打字稿文件中使用它。