通过使用forRoot在库中导入的angularFire配置

问题描述：

我在自定义库中使用angularFire2

I use angularFire2 in a custom library

@NgModule({
  imports: [
    CommonModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFirestoreModule
  ]
})
export class CustomModule {
  static forRoot(firebaseConfig: FirebaseOptions): ModuleWithProviders {
    return {
    ...
    }
  }
}

消费者库调用CustomModule.forRoot({config ...})

the consumer library call CustomModule.forRoot({config...})

我的问题是如何使AngularFireModule.initializeApp(firebaseConfig)中的配置数据可用?

My question is how do I make the config data available in AngularFireModule.initializeApp(firebaseConfig) ?

答

几周前，我遇到了这个问题，您要做的是将Imports部分中的initializeApp调用删除，并添加FirebaseOptionsToken如下所示的forRoot声明:

I ran into this problem couple of weeks ago, what you have to do is drop the initializeApp call in the imports section, and add the FirebaseOptionsToken to your forRoot declaration like below:

@NgModule({
  imports: [
    CommonModule,
    AngularFireModule,
    AngularFirestoreModule
  ]
})
export class CustomModule {
  static forRoot(firebaseConfig: FirebaseOptions): ModuleWithProviders {
    return {
       ngModule: CustomModule,
       providers: [
           { provide: FirebaseOptionsToken, useValue: firebaseConfig }
       ]
    }
  }
}

如果您查看initializeApp方法

If you look at the initializeApp method in Angular/Fire you see how it does the same thing when it is called.

它对我有用，希望能帮助其他遇到同样问题的人.

It worked for me, hopefully will help others having the same issue.

通过使用forRoot在库中导入的angularFire配置

相关推荐