如何在 AppNgModule forRoot() 中添加动态值？

Question

我已经搜索了很多，但还没有找到任何解决方案。

NgxStripeModule.forRoot('publishable_key'),

我需要这个“publishable_key”应该是动态的，它将来自 REST API。

有什么选择吗？

谢谢你。

Answer 1

您首先必须使用forRoot方法将模块注册为空白字符串NgxStripeModule.forRoot('') 。 稍后使用APP_INITIALIZER进行 API 调用，接收设置，提取publishable_key并使用stripeService.changeKey('publishable_key') method. 此过程将在应用程序启动之前发生。 因此，无需担心选择正确的设置。

function initializeApp(http: HttpClient, stripeService: StripeService): Observable<any> {
  return http.get('api/url').pipe(
    tap((data) => stripeService.changeKey(data.publishable_key)) // or .setKey(...)
  );
}
@NgModule({
 imports: [
   ...,
   NgxStripeModule.forRoot(''),
 ],
 declarations: [...],
 bootstrap: [AppComponent],
 providers: [
  ...,
  {
   provide: APP_INITIALIZER,
   useFactory: initializeApp,
   multi: true,
   deps: [HttpClient, StripeService]
  }
 ]
})
export class AppModule {}