ionic2 / angular2-在打字稿中访问外部文件中的对象

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>

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

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

Answer 1

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

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

declare var PaystackPop: any;