Ionic 2ログインコンポーネントと認証サービス

Question

私はIonic 2アプリで簡単なログインを開発中です。

ログインビューをレンダリングした後、認証サービスにメールとパスワードを送信し、トークンを保存してログインコンポーネントにtrueまたはfalseを返すログインコンポーネントがあります。

マイログインコンポーネント：

export class LoginPage { 

    email: string; 
    password: string; 

    constructor(public navCtrl: NavController, public navParams: NavParams, public authentifiction: Authentification) {} 

    login() { 
     this.authentifiction.login(this.email, this.password); 
    } 

    loginSuccess() { 
     console.log('Success'); 
    } 

    loginError() { 
     console.log('Failed'); 
    } 

} 

そして、私の認証サービス：

export class Authentification { 

    public authorized: boolean; 

    constructor(public http: Http, private alertCtrl: AlertController, public storage: Storage) {} 

    login(email, password) { 
     var params = 'email=' + email + '&password=' + password; 
     var headers = new Headers(); 
     headers.append('Content-Type', 'application/x-www-form-urlencoded'); 

     return this.http.post('URL', params, { 
      headers: headers}) 
      .map(res => res.json()) 
      .subscribe(
       data => this.loginSuccess(data.auth_token), 
       error => this.loginError() 
     ); 
    } 

    loginSuccess(auth_token) { 
     this.storage.set('auth_token', auth_token); 
     ??? 
    } 

    loginError() { 
     ??? 
    } 

} 

どのように私は、ログインが成功したかどう真または偽の認証サービスのリターンは応じて持つことができますか？

この全体の観測可能なことは、httpリクエストがすぐに応答しないので、あなたは、直接ブール値を返しません...まだ

Answer 1

私には少し混乱しています。 代わりに、呼び出し元に観測可能な情報を返して、「私はまだ答えはありませんが、ここでは、私がそれを持っていれば、あなたに答えを知らせる観測があります」と伝えます。 これで、呼び出し元は（メーリングリストのような）この観測可能なものに加入し、その応答で（電子メールを受信するなどの）信号を受信します。

login(email, password): Observable<boolean> { 
... 
return this.http.post('URL', params, { 
    headers: headers 
}).map(res => { 
    this.storage.set('auth_token', res.json().auth_token); 
    return true; 
}); 

そして、発信者から：

login() { 
this.authentifiction.login(this.email, this.password).subscribe(res => { 
    console.log('success'); 
}, error => { 
    console.log('error'); 
});