Question

我正在使用ionic2构建移动应用。对于在线支付，我使用一种名为Paystack的简单在线支付服务。

它的工作原理是在您的网页中包含一个js文件，然后调用一个函数

<script>
  function payWithPaystack(){
    var handler = PaystackPop.setup({
      key: 'UNIQUE_KEY_HERE',
      email: 'customer@email.com',
      amount: 10000,
      ref: "UNIQUE TRANSACTION REFERENCE HERE",
      metadata: {
         custom_fields: [
            {
                display_name: "Mobile Number",
                variable_name: "mobile_number",
                value: "+2348012345678"
            }
         ]
      },
      callback: function(response){
          alert('success. transaction ref is ' + response.reference);
      },
      onClose: function(){
          alert('window closed');
      }
    });
    handler.openIframe();
  }
</script>

我正在尝试将此移植到我的离子应用程序中。问题是即使我在index.html中包含了js文件，它也无法识别PaystackPop。

我该如何解决这个问题？我猜我必须以某种方式导入PaystackPop我导入其他类的方式，但我不知道如何去做。有什么建议吗？

Answer 1

我明白了。我所要做的只是在文件顶部声明PaystackPop。

import { Component } from '@angular/core';
import { NavController, ViewController, ToastController } from 'ionic-angular';

declare var PaystackPop: any;

ionic2 / angular2 - 在typescript中访问外部文件中的对象

1 个答案: