升级后的angular2错误ReferenceError:未定义firebase

时间:2017-01-25 08:53:40

标签: javascript angular firebase-realtime-database

升级到最新的角度cli后。我有错误,我以前没有。其中一个是: ReferenceError:未定义firebase

它指的是我的用户服务中的这一行:

  private dbRef: firebase.database.Reference;

  constructor(
  ) { 
   this.dbRef = firebase.database().ref();
  }

以前工作过。

在我的app.module中我有: 从'angularfire2'导入{AngularFireModule,AuthProviders,AuthMethods};

并在导入中初始化AngularFireModule.initializeApp(firebaseConfig,momFirebaseAuthConfig),

在我的package.json中我有:     “angularfire2”:“^ 2.0.0-beta.7”,     “firebase”:“^ 3.6.6”,

如何解决问题?

1 个答案:

答案 0 :(得分:0)

您必须Inject angularfire2 service到您的组件(@Inject and @Injectable by Rangle.io):

import {Component} from '@angular/core';
import {AngularFire, FirebaseListObservable} from 'angularfire2';

@Component({
  selector: 'project-name-app',
  template: `
  <ul>
    <li *ngFor="let item of items | async">
      {{ item.name }}
    </li>
  </ul>
  `
})
export class MyApp {
  items: FirebaseListObservable<any[]>;
  constructor(af: AngularFire) {
    this.items = af.database.list('/items');
  }
}