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; 
    } 

答えて

1

新しい構文を試してみることをお勧めします。私はあなたにかなり良い事を教えてくれる良い例を送ることができます。

https://github.com/javebratt/event-tutorial

この

をチェック
関連する問題