代码之家 › 专栏 › 技术社区 › Naveed Ahmed

在返回可观察原因错误的方法中使用Promise

es6-promise angular-promise observable ionic2 angular

Naveed Ahmed · 技术社区 · 8 年前

post(url: string, body: string, options?: RequestOptionsArgs): Observable<any> {

        if (!this._gs.externalRequest) {
            let that = this;
            this._gs.getToken().then((token) => {
                if (token) {
                    options = this.prepareOptions(options, token);
                }
                return that.sendPostRequest(url, body, options);
            });
        }
        else {
            this._gs.externalRequest = false;
            return this.sendPostRequest(url, body, options);
        }
    }

在上面的代码中,post方法返回一个可观察值,而 这个._gs.getToken() 在if条件中,从本地存储读取令牌是一个异步调用,并返回一个promise。

this.http。post(“/api/myFormHandler”,this.form.value) });

class MyFormComponent- inline template:16:29 caused by: Cannot read property 'subscribe' of undefined

1 回复 | 直到 8 年前

Daniel Mylian 8 年前

由于JS的异步特性,您的第一个条件实际上并没有返回正确的结果。能够返回 Observable<any> 从 post 方法,您应该修改第一个 if 使用相互依赖的两个可观察物。

// sample 
const getToken = Promise.resolve('token');
const resolveToken = Rx.Observable.fromPromise(getToken);

...
if (!this._gs.externalRequest) {
  return resolveToken
     .flatMap(token => {
        if (token) {
           options = this.prepareOptions(token);
        }
        return this.sendPostRequest(url, options);
     })
}
...
this.post.subscribe(console.log);

首先,您必须将令牌返回方法强制转换为observable,然后 flatMap 我们需要第二个可观察的结果。

请参阅本文- combining observables .

推荐文章

Anjil Dhamala · 在收到特定http状态时重试http调用

6 年前

simonberry · 取消RXJS FlatMap链上的订阅

6 年前

user9487981 · 可以激活防护装置并使用角度为5的可见光

6 年前

makat · 角度5 HTTP请求间隔使用可观察值,而值可能会更改

6 年前

Gissipi_453 · 在RxJava 2中的可观察对象中发出字符串数组时出现“不兼容类型”错误

6 年前

Jake Shakesworth · 如何将一个可观察对象映射到另一个可观察对象

6 年前

Nomura Nori · 许诺仅当使用了4个以上的承诺时,才获得“Access Control Allow Origin”

6 年前

MindlessRouse · 路由解析程序在没有订阅的情况下不触发可观察

6 年前

DevMike · 在角度服务中,如果在可观测范围内使用贴图功能,那么假设贴图功能保证同步是否正确?

6 年前

Arun Prasad E S · 角度5,离子3-【ts】类型“void”不可分配给类型“Observable<Post[]>”

6 年前