Angular2处理http响应

我只是有一个关于在服务中构建和处理来自 http 请求的响应的问题。我正在使用 Angular2.alpha46 Typescript （刚开始测试它 - 我喜欢它...... Ps .. 感谢所有一直致力于它并通过 github 做出贡献的人）

所以采取以下措施：

登录-form.component.ts

import {Component, CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2';
import {UserService} from '../../shared/service/user.service';
import {Router} from 'angular2/router';
import {User} from '../../model/user.model';
import {APP_ROUTES, Routes} from '../../core/route.config';

@Component({
    selector: 'login-form',
    templateUrl: 'app/login/components/login-form.component.html',
    directives: [CORE_DIRECTIVES, FORM_DIRECTIVES]
})

export class LoginFormComponent {
    user: User;
    submitted: Boolean = false;

    constructor(private userService:UserService, private router: Router) {
        this.user = new User();
    }

    onLogin() {
        this.submitted = true;

        this.userService.login(this.user,
            () => this.router.navigate([Routes.home.as]))
    }
}

从这个组件中，我导入了我的 userService ，它将容纳我登录用户的 http 请求，服务如下所示：

用户服务.ts

import {Inject} from 'angular2/angular2';
import {Http, HTTP_BINDINGS, Headers} from 'angular2/http';
import {ROUTER_BINDINGS} from 'angular2/router';
import {User} from '../../model/user.model';

export class UserService {

    private headers: Headers;

    constructor(@Inject(Http) private http:Http) {
    }

    login(user: User, done: Function) {
        var postData = "email=" + user.email + "&password=" + user.password;

        this.headers = new Headers();
        this.headers.append('Content-Type', 'application/x-www-form-urlencoded');

        this.http.post('/auth/local', postData, {
                headers: this.headers
            })
            .map((res:any) => res.json())
            .subscribe(
                data => this.saveJwt(data.id_token),
                err => this.logError(err),
                () => done()
            );
    }

    saveJwt(jwt: string) {
        if(jwt) localStorage.setItem('id_token', jwt)
    }

    logError(err: any) {
        console.log(err);
    }
}

我想要做的是能够处理在 http 请求之后调用返回的响应。例如，如果用户凭据无效，我会从后端传回 401 响应。我的问题是处理响应并将结果返回到我调用该方法的组件的最佳方法是在哪里，以便我可以操纵视图以显示成功消息或显示错误消息。

目前在我的登录服务中我目前没有处理响应我只是在回调原始组件但我觉得这不是正确的方法吗？有人可以阐明他们在这种典型情况下会做什么吗？我会在订阅函数的第一个参数中处理响应，例如：

 login(user: User, done: Function) {
     var postData = "email=" + user.email + "&password=" + user.password;

    this.headers = new Headers();
    this.headers.append('Content-Type', 'application/x-www-form-urlencoded');

    this.http.post('/auth/local', postData, {
            headers: this.headers
        })
        .map((res:any) => res.json())
        .subscribe(
            (data) => {
                // Handle response here
                let responseStat = this.handleResponse(data.header)

                // Do some stuff
                this.saveJwt(data.id_token);

                // do call back to original component and pass the response status
                done(responseStat);
            },
            err => this.logError(err)
        );
}

handleResponse(header) {
    if(header.status != 401) {
        return 'success'
    } 

    return 'error blah blah'
}

在这种情况下，回调是否正常，或者可以通过 observable 或 promise 更好地处理？

总结我要问的是......处理来自http响应的响应并处理从user.service.ts返回到login-form.component.ts的表单视图中的状态的最佳实践是什么