Angular 2观察http结果

Question

这里我有一个服务。它的signIn方法将触发另一个Service的方法，该方法返回一个Observable。每个组件都应该能够订阅该 Observable 的结果。因此，我创建了一个公共(public)响应变量作为 Observable，可以从每个组件访问它。我不认为我可以直接订阅signIn，因为它需要两个参数，而只有一个观察者实际上知道这些参数。

问题是响应在开始时未定义。所以你不能在另一个组件的构造函数中订阅它。

那么当我不知道数据什么时候到达时，如何订阅响应呢？有什么想法吗？

export class AuthService{

    public response:Observable<any[]>;

    constructor(private httpService:HTTPService){
        this.response = new Observable();
    }

    signIn(user:String, password:String){

        this.response = this.httpService.query({user: user, pass: password})
        .map((r: Response) => r.json());

    }
}

这是用户和密码来自的 AuthComponent 方法

onSubmit(f:NgForm){
    this.authService.signIn(f.value.user, f.value.password);
}

Answer 1

通常你应该返回那个Observable:

import { BehaviorSubject } from 'rxjs';

export class AuthService {

    public data = new BehaviorSubject<any[]>([]);

    constructor(private httpService: HTTPService) { }

    signIn(user:String, password:String): Observable<any[]> {

        return this.httpService.query({user: user, pass: password})
           .map((r: Response) => r.json())
           .map(data => { this.data.next(data); return data; }); // OPTIONAL if you want to store data in you service..

    }
}

其他组件现在可以订阅该数据主题。

调用组件将订阅并完成。

Http-Request-Observables 在每次请求后完成。