Ionic 2登录组件和身份验证服务

Question

我正在开发我的Ionic 2应用程序中的简单登录。

我有我的渲染login视图，然后发送电子邮件和密码的身份验证服务，将验证，保存令牌，并返回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() { 
     ??? 
    } 

} 

我怎么能有权威性的服务回报true或false取决于如果登录成功与否？

这整个观察到的东西还是有点混乱，我...

Answer 1

不要直接返回一个布尔值，因为HTTP请求没有立刻回答。 相反，您将一个可观察对象返回给调用者，告诉他“我还没有答案，但这是一个可观察的事情，一旦我有了它，它就会通知您答案。” 然后调用者只是订阅这个可观察的（如邮件列表），并收到一个信号（如接收电子邮件）与答案。

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