如何在 Ionic/Angular 应用程序中使用 stripe.js答案

【问题标题】：How to work with stripe.js in an Ionic/Angular application如何在 Ionic/Angular 应用程序中使用 stripe.js
【发布时间】：2019-04-27 04:06:28
【问题描述】：

我正在开发一个应用程序 (ionic/angular)，现在需要使用 Stripe 通过信用卡支付。

在互联网上进行了大量研究后，我决定使用 Stripe.js (https://stripe.com/docs/stripe-js)。

在项目的index.html 中，我添加了Stripe.js，它看起来像这样：

<body>
  <app-root></app-root>
  <script src="https://js.stripe.com/v3/"></script>
</body>
</html>

我现在如何将 Stripe 导入 app/app.module.ts 以在另一个页面上使用 Stripe（例如：in pages/payment/payment.page.ts）？

【问题讨论】：

嘿，您尝试过类似这样的指导吗？ baadiersydow.com/… 那么如果您遇到特定问题 - 您可以提出具体问题
帮了我很多...谢谢。

标签： javascript angular ionic-framework stripe-payments

【解决方案1】：

无需导入app/app.module.ts，

在pages/payment/payment.page.ts；你需要declare let Stripe

【讨论】：

完美……比我想象的要简单得多。这就是我所需要的。非常感谢。
除此之外，您还可以查看 @types/stripe（有几个），以便在使用 VS Code 时帮助您进行智能感知。

【解决方案2】：

你可以使用npm install ngx-stripe

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { NgxStripeModule } from 'ngx-stripe';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxStripeModule.forRoot('***your-stripe-publishable key***'),
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

【讨论】：

写问题的时候，经过搜索，需要使用<script src = "https://js.stripe.com/v3/">。你知道怎么导入吗？谢谢
@MarceloAndradeAmadeu 实际上，我认为在前端实现条带并不是一个好主意