如何在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.
}

我的 Angular 代码：

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

您必须将

ClearentSDK

库包含在

angular-cli.json

的脚本数组中并保留应用程序然后执行

import * as ClearentSDK from ClearentSDK

无论您在哪里使用它。