角度2の約束値を返す、イオン2

Question

私はAngular2、Ionic2、および に慣れているかもしれませんが、私は何か誤解していますが、助けを求めていました。

LocalStorageデータを格納して取得するために、私は 'CurrentUser'というプロバイダを持っています。

 getProfile(): any { 
     this.local.get("user-profile").then((profile) => { 
     var val = JSON.parse(profile); 
     return val; 
    }); 
} 

I成分にこのプロバイダを注入する場合約束

を返すgetProfile()この機能。コンポーネントからこの関数を呼び出すときにデータを割り当てる前に、どうすれば解決することを約束しますか？

@Component({ 
    templateUrl: 'build/pages/book_meeting/book_meeting.html' 
}) 
export class BookMeetingPage implements OnInit { 
constructor(public navCtrl: NavController, private _currentUser: CurrentUser) { 
} 

profile: IProfile; 

    ngOnInit(): any { 
    this.profile = this._currentUser.getProfile(); 
    console.log(this.profile);//returns undefined 
    } 
} 

Answer 1

あなたが呼ぶとき、それが連鎖することができるようgetProfile関数からthis.local.get("user-profile")約束を返す必要がまず第一。その後、getProfileから返されたデータを.then成功コールバックで機能させることができます。

getProfile(): any { 
    return this.local.get("user-profile").then((profile) => { 
     var val = JSON.parse(profile); 
     return val; 
    }); 
); 

さらに私は、エラーapp.bundle.jsを取得し、あなたがそこに応答

ngOnInit(): any { 
    this._currentUser.getProfile().then(
    value => { console.log(value) } 
    ) 
} 

Answer 2

関数getProfileは約束を返しません。それは何も返さない。 あなたはあなたのプロフィールの約束変数からデータを抽出することができ、あなたのコンポーネントで今

getProfile(): any { 
    return this.local.get("user-profile").then((profile) => { 
    var val = JSON.parse(profile); 
    return val; 
}); 

にそれを変更する必要があります。

ngOnInit(): any { 
    this._currentUser.getProfile().then(value => { 
     console.log(value); //returns your value. 
    }