私はライン1とライン2作品のはconsole.log正しくfirebaseサービス

Question

Component.ts

ngOnInit() {   
     this.profileService.getBasicProfile(this.uid).subscribe(
     basic => { 
      console.log(basic); //line 1 
      this.usedBasicProfile = basic; 
      console.log(this.usedBasicProfile); //line 2 
     } 
    ) 
     console.log(this.usedBasicProfile); //line 3 
} 

Service.ts

savedBasicProfile: FirebaseObjectObservable<UserBasic>; 

getBasicProfile(uid: string) { 
    this.savedBasicProfile = this.af.database.object('/users/user'+uid); 
    console.log(this.savedBasicProfile); 
    return this.savedBasicProfile; 
} 

から得られたデータが、ラインを保存することができない理由3出力は不定です。 ご協力いただければ幸いです。

///////////////////////////編集

constructor(
    private authService: AuthGuard, 
    private profileService: ProfileService 
) 
{ 
    this.uid = this.authService.getUid();  
    console.log(this.uid); 

    this.profileService.getBasicProfile(this.uid).subscribe(
    basic => { 
     this.usedBasicProfile = basic; //how to make this line work? 
    } 
); 
    console.log(this.usedBasicProfile); 
} 

Answer 1

あなたは観測に関わる非同期プロセスを理解する必要があります。

ngOnInit() {   
     this.profileService.getBasicProfile(this.uid) executed 
     console.log(this.usedBasicProfile); //line 3 executed 
} 

最初にサービスコールが行われ、3行目が実行されます。 データが返された場合のみ、サブスクライブを使用すると、値

.subscribe(///called only when the data is returned 
      basic => { 
       console.log(basic); //line 1 executed 
       this.usedBasicProfile = basic; 
       console.log(this.usedBasicProfile); //line 2 
      }