使用离子

时间:2017-11-01 10:36:08

标签: ionic-framework firebase-realtime-database

我有一个带有这部分代码的打字稿文件:

export class HomePage {

  createprofile = {} as CreateProfile;
  profileData: FirebaseObjectObservable<CreateProfile>;


  constructor(private afAuth: AngularFireAuth, private toast: ToastController, private afDatabase: AngularFireDatabase, public navCtrl: NavController) {
  }

  goToYourItemsListPage(){
    this.navCtrl.setRoot("YourItemsListPage");
  }

  ionViewDidLoad() {
    this.afAuth.authState.take(1).subscribe(data => {
      if(data && data.email && data.uid){
        this.profileData = this.afDatabase.object(`create-profile/${data.uid}`);
        //console.log(data);
      }else{
        this.toast.create({
          message: `Could not find authentication details!`,
          duration: 3000,
          position: "bottom"
        }).present();
      }

    });
  }

}

在home.html中我添加了这段代码:

<h1>Welcome, {{(profileData | async)?.firstName}}!</h1>

但它不会显示错误,也不会显示任何价值:&#34;欢迎!&#34;

我在这里缺少什么?

我是离子的新手。

谢谢

0 个答案:

没有答案