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

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

通过在您的网页中包含一个js文件，然后调用一个函数来工作

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

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

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

最佳答案

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

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

declare var PaystackPop: any;