自定义Angular库中如何将Firebase配置传入AngularFireModule.initializeApp

嗨，我来帮你搞定这个问题！你现在的核心需求是让自定义库中的AngularFireModule能拿到消费项目通过CustomModule.forRoot()传入的Firebase配置对吧？其实问题出在你原来的写法里，@NgModule的imports数组是在模块定义阶段执行的，这时候还没调用forRoot，自然拿不到传入的配置。咱们调整一下代码结构就能解决：

第一步：修改自定义库的CustomModule #

把AngularFireModule.initializeApp()的初始化逻辑移到forRoot方法里，而不是直接写在@NgModule的imports中。这样当消费项目调用forRoot传入配置时，才能把配置传递给AngularFire：

import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AngularFireModule, FirebaseOptions } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';

@NgModule({
  imports: [
    CommonModule,
    // 这里只导入不需要初始化配置的基础模块，比如AngularFirestoreModule
    AngularFirestoreModule
  ],
  // 如果你的库有组件/指令/管道，记得在这里声明并导出
  // declarations: [YourComponents],
  // exports: [YourComponents]
})
export class CustomModule {
  static forRoot(firebaseConfig: FirebaseOptions): ModuleWithProviders<CustomModule> {
    return {
      ngModule: CustomModule,
      imports: [
        // 在这里用forRoot传入的配置初始化AngularFireModule
        AngularFireModule.initializeApp(firebaseConfig)
      ]
      // 如果你的库需要提供自定义Firebase相关服务，可以加在这里
      // providers: [YourFirebaseServices]
    };
  }
}

第二步：消费项目中正确调用forRoot #

在消费项目的根模块（比如AppModule）中，调用CustomModule.forRoot()并传入你的Firebase配置：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CustomModule } from 'your-custom-library';

// 你的Firebase配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  // ...其他配置项
};

@NgModule({
  imports: [
    BrowserModule,
    // 调用forRoot传入配置
    CustomModule.forRoot(firebaseConfig)
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

为什么这样可行？ #

forRoot方法是Angular库用来传递全局配置的标准模式，它会在消费项目的根模块初始化时被调用，此时传入的Firebase配置已经可用，AngularFireModule.initializeApp()就能拿到正确的配置完成初始化。而且这种写法能确保AngularFireModule只被初始化一次，符合AngularFire的最佳实践。

如果你的库中有依赖AngularFire的服务，只要这些服务是在CustomModule中声明的，它们就能自动使用这个初始化好的Firebase实例啦！

内容的提问来源于stack exchange，提问作者Louis AMSTUTZ