2
私はIonic 2 + Firebaseアプリケーションを構築していますが、今はしばらく止まっています。私はこれで問題を判断することはできません。Ionic 2 + Firebase - loading userdataに30-60秒かかります
私はfirebaseからデータをロードしています。コンソールで、私はそれが正常に動作していることがわかります(最大1秒の読み込み時間)。
ただし、アプリのUIにデータが表示されるまでに最大60秒かかります。
userdata hereでコンソール出力を検索します。
コード:
HTML:
<ion-content padding>
<ion-list>
<ion-item *ngFor="let item of items">
<h2>{{item?.birthDate}}</h2>
<p>Ticket: <strong>{{item?.username}}</strong></p>
<p>Date: <strong>{{item?.email}}</strong></p>
</ion-item>
</ion-list>
</ion-content>
profile.ts:
ionViewDidEnter() {
this.authData.getUserProfile().on('value', snapshot => {
let rawList = [];
rawList.push({
birthDate: snapshot.val().birthDate,
email: snapshot.val().email,
gender: snapshot.val().gender,
password: snapshot.val().password,
phone: snapshot.val().phone,
username: snapshot.val().username,
weight: snapshot.val().weight
});
this.items = rawList;
console.log(this.items);
console.log(rawList);
});
}
認証サービス:
public userProfileData: any;
public currentUser: any;
constructor(public af: AngularFire) {
af.auth.subscribe(user => {
if (user) {
this.currentUser = firebase.auth().currentUser.uid;
this.fireAuth = user.auth;
this.userProfileData = firebase.database().ref(`users/${this.currentUser}/`);
}
});
}
getUserProfile(): any {
return this.userProfileData;
}