javascript - Angular 模块的 forRoot 中的运行时值

Question

在我的 Angular 应用程序中有一个名为 Ngx-Stripe 的模块

我将其定义为如下文档:

NgxStripeModule.forRoot('***your-stripe-publishable key***');

但问题是我没有在应用程序 Bootstrap 中获得此 key ，我不应该将其硬编码在 Angular app.module 或全局的 index.html 中> 当我使用 stripe withput any angular 库时。

在用户进入支付页面后，我在 api 调用中获得了这个 key 。在这种情况下如何定义此 key ？

Answer 1

我希望它是直截了当的，但我能够实现它的唯一方法是:

index.html(或者 webpack 注入(inject)的脚本)，必须放在 Angular 的源代码之前:

<script>
  var STRIPE_KEY = 'paste it here';
</script>

app.module.ts:

declare var STRIPE_KEY;

// ...
NgxStripeModule.forRoot(STRIPE_KEY);

这里的问题是 .forRoot() 必须由 Angular AoT 编译器进行静态分析，所以它不能接受你想让它接受的东西......如何设置 key 之后你是通过 StripeService.changeKey(key: string) 方法得到的吗？