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

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>

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

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

Answer 1

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

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

declare var PaystackPop: any;