Angular 2 - 直接从 Observable 返回数据

Question

我一直在努力解决这个问题，但我能够阅读的任何文档都无法回答我的问题。

我有一个服务直接与 API 对话并返回一个可观察的事件，在正常情况下我会订阅并使用数据做我想做的事情，但是在使用来自 restful 服务的请求的辅助服务中，我需要能够从请求中返回值。

getSomething() {
    return this._restService.addRequest('object', 'method').run()
        .subscribe(
            res => {
                res;
            },
            err => {
                console.error(err);
            }
        );
}

returnSomething() {
    return this.getSomething();
}

在上面的快速示例中，我想知道是否有任何方法可以在returnSomething() 中从getSomething() 返回res。如果以这种方式无法实现，还有什么替代方法？我要补充一点，_restService 非常依赖，我真的不想开始搞砸了。

Answer 1

由于 http 调用等是异步的，因此您会得到一个 Observable 而不是返回的同步值。您必须订阅它，并在其中的回调中获取数据。没有办法解决这个问题。

一种选择是将您的逻辑放在subscribe 调用中

getSomething() {
    return this._restService.addRequest('object', 'method').run()
        .subscribe(
            res => {
                // do something here
                res;
            },
            err => {
                console.error(err);
            }
        );
}

但我喜欢这样做的方式是添加一个回调，从外部注入逻辑（可能是一个组件，也可能是另一个服务）：

getSomething(callback: (data) => void) {
    return this._restService.addRequest('object', 'method').run()
        .subscribe(
            res => {
                callback(res);
            },
            err => {
                console.error(err);
            }
        );
}

在您的组件中或任何地方：

this._yourService.getSomething((data) => {
    // do something here
    console.log(data);
});

Answer 2

我遇到了类似的问题。我的解决方案是使用 .toPromise() 将 observable 转换为 promise（并使用 async - await 来返回它并捕获错误）。您可以将您的代码转换为：

 async getSomething() {
     try{
         return await this._restService.addRequest('object', 'method').run().toPromise()
      } catch (err){
       console.error(err);
	  }
  }

Answer 3

我自己没有使用过这个，但我相信理论上它应该可以工作（：

// service.ts
getSomething() {
  let subject: Subject = new Subject();
  this._restService.addRequest('object', 'method').run()
    .subscribe(subject);
  return subject;
}

// this can be removed (;
returnSomething() {
  return this.getSomething();
}

// component.ts
ngOnInit() {
  this.service.returnSomething()
    .subscribe(res => console.log(res), err => console.log(err));
}

查看subject docs 了解更多信息。您可以使用不同类型的主题，例如 BehaviorSubject 具有您可以访问的 value 属性...

ngOnInit() {
  // if you use BehaviorSubject
  this.service.returnSomething().value
}

这是working plunker...