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

问题描述 投票:0回答:1

我的应用程序中集成了一个支付网关。我正在努力保存信用卡和详细信息。所以我正在调用一个 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);
  }
javascript angular payment-gateway
1个回答
0
投票

您必须将

ClearentSDK
库包含在
angular-cli.json
的脚本数组中并保留应用程序然后执行

import * as ClearentSDK from ClearentSDK
无论您在哪里使用它。

© www.soinside.com 2019 - 2024. All rights reserved.