Angular中如何调用第三方的函数

Question

我的应用程序中集成了一个支付网关。我正在努力保存信用卡和详细信息。所以我正在调用一个 IFrame 来加载信用卡和 ach 表格。在此表格中，有一个选项可以选择付款方式。因此，在单选按钮之间切换时，我需要在我的控制台中选择付款方式的值，文档中有一个预建函数可以做到这一点。但是，如果我在组件中定义该函数，那么它就不会被调用。

这是我指的核心 JS 代码：

<script type="text/javascript">

    ClearentSDK.init({
        "baseUrl": "https://gateway-sb.clearent.net",
        "pk": "YOUR PUBLIC KEY GOES HERE",
        "enableAch":true
    });
 function ClearentOnPaymentTypeChange(paymentType) {
        console.log("Payment type was changed to ", paymentType) // this is the function to log which payment type is selected.
}

我的角度代码：

setClearentToken() {
    this.isLoadingResults = false;
    ClearentSDK.init({
      "baseUrl": "https://gateway-sb.clearent.net",
      "pk": "Your Public Key", //I am providing the actual public key here. Just removed due the security.
      "enableAch": true
    });
  }

  ClearentOnPaymentTypeChange(paymentType) {
    console.log("Payment type was changed to ", paymentType);
  }

Answer 1

因为你在 html 的脚本标签中使用它，你可以像这样使用它：

window.ClearentSDK.init({
...
...

另外，您必须在窗口的界面中添加 sdk，以便 typescript 识别它。

   declare global {
      interface Window {
        ClearentSDK?: any;
      }
   }