Question

我试图将条带支付服务集成到我的离子2应用程序中（类似于角度2），我一直在遇到问题。我遵循了这个教程：

http://blog.mgechev.com/2016/07/05/using-stripe-payment-with-angular-2/

它写于4个月前，所以它可能已经过时了，但无论如何我尝试了它，当尝试基本的“StripeCheckout”方法时，它给了我这个错误

“无法读取未定义的属性'StripeCheckout' - 来自控制台

payment.ts

openCheckout() {
  var handler = (<any>window).StripeCheckout.configure({
    key: 'API-KEY',
    locale: 'auto'
  });

  handler.open({
    name: 'Demo Site',
    description: '2 widgets',
    amount: 2000
  });
}

我没有在.ts文件中添加任何与stripe相关的导入，我导入的唯一一个与stripe相关的东西在index.html中，这对于angular2 / ionic2应用来说是不寻常的，因为它通常是导入的.ts

Index.html - 我只在关闭正文标记

上方添加了这一行

<script src="https://checkout.stripe.com/checkout.js"></script>

我测试了其他方法，包括尝试使用

添加它

-npm install stripe

-var stripe = require（“stripe”）（“sk_test _...”）

- Strip表单的更复杂/自定义版本

没有太大的成功

我想知道Stripe的Angular2 / Ionic2的稳定版本是否有工作解决方案。如果需要更多代码，我将提供它，但实质上，我遵循教程链接。

编辑：将“openCheckout（stripe：any）”更改为“openCheckout（）”，“stripe.StripeCheckout ...”更改为“（window）.StripeCheckout ...”，并隐藏api密钥

Angular2 / Ionic 2 - 条纹错误：“无法读取未定义的属性'卡'”

0 个答案: