登录后初始化AngularFire2

目前没有很好的方法在启动后使用不同的键初始化AngularFireModule。

我通过使用服务解决了这个问题。由于我在登录之前不需要firebase配置详细信息,所以我编写了一个服务并将其用作提供者。

这是我的 应用程序。单元 :

@NgModule({
  declarations: [...],
  imports: [...],
  providers: [
    ...,
    FirebaseInitService
  ]
})

这是我的 FirebaseInitService :

import { FirebaseApp } from 'angularfire2/firebase.app.module';
import { AngularFireDatabase } from 'angularfire2/database/';
import firebase from '@firebase/app';

@Injectable()
export class FirebaseInitService {
  fb: FirebaseApp;
  db: AngularFireDatabase;

  constructor() {
    // Here is where I load firebase config for initializing it.
    var firebaseConfig = {
      apiKey: ...,
      ...
    };
    this.fb = firebase.initializeApp(firebaseConfig) as FirebaseApp;
    this.db = new AngularFireDatabase(this.fb);
  }

  // Connecting to Firebase database through this.db instance
  getData() {
    return this.db.something();
  }
}

可能会注意到,需要同时使用Firebase和FirebaseApp来创建Firebase实例,将其转换为FirebaseApp以允许实例AngularFireDatabase非常重要。