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

【问题标题】：ionic2/angular2 - Access an object in an external file in typescriptionic2/angular2 - 在打字稿中访问外部文件中的对象
【发布时间】：2016-12-17 00:02:39
【问题描述】：

我正在使用 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，即使我在 index.html 中包含了 js 文件。

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

【问题讨论】：

标签： javascript angular typescript ionic2

【解决方案1】：

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

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

declare var PaystackPop: any;

【讨论】：

这很有帮助。