typescript – Angular 2 – 直接从Observable返回数据

我一直在试图解决这个问题,而且我已经能够阅读的任何文件都没有给我一个问题的答案。

我有一个服务,直接与API交谈,并返回一个可观察的事件,在正常情况下,我会订阅并做我想要的数据,但是在利用来自宁静服务的请求的二级服务中,我需要能够从请求中返回值。

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

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

在上面的快速示例中,我想知道是否有任何方法可以在returnSomething()中从getSomething()返回res。如果以这种方式无法实现,那么替代方案是什么?我将补充说,_restService非常依赖,我真的不想开始搞乱它。

由于http调用等是异步的,因此您将获得Observable而不是返回的同步值。你必须订阅它,并在那里的回调中获得数据。没有办法解决这个问题。

一种选择是将您的逻辑放在订阅调用

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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...