在angular2中调用同一类中的可观察函数

Question

我在一个类中有两个函数

第一个函数返回 Observable。

从其他组件调用第二个函数

我想在第二次调用第一个函数，使用第一个的值并处理它。

示例代码：

@Injectable()
export class SampleService {

service:string;

getService(): Observable<any> {
        return this._http.get(`url`, {
            headers: this.headers()
        }).map(res=>res.json();)
            .catch(err=>console.log(err);
    }
 }


generateToken():string{
const service="";
this.getService().subscribe(res=>{service=res});
//process it
return service;
}

每当我调用第二个函数时，服务的值都会返回为空。如何等待订阅结束后再处理。

Answer 1

您不能返回从 observable 获得的值。

您可以像在第一种方法中一样在第二种方法中使用map，然后在您调用generateToken的地方订阅

generateToken():string{
  return this.getService().map(res=>{return service=res});
}

someMethod() {
  this.generateToken.subscribe(res => this.service = res);
}

或将其分配给第二个属性中的字段

generateToken():string{
  return this.getService().subscribe(res=>{this.service =res});
}

更新

someMethod() {
  this.generateToken.subscribe(res => {
    this.service = res;
    // other code here
  });
}

Answer 2

这将异步返回，因为订阅在收到响应之前不会返回：

generateToken():string{
    const service="";

    this.getService().subscribe(res=>{service=res}); //Async

    return service; //Instant return of blank value
}

我建议返回 observable 本身并在需要的地方订阅它：

generateToken(){
    return this.getService().map(res => res.json()); //presuming json payload
}

然后在构造函数中请求 sampleService 后在组件内部：

this.sampleService.generateToken().subscribe(data = > { //use data });