大佬教程收集整理的这篇文章主要介绍了Angular2 – 在另一个Observable中使用Observable返回方法的值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我不知道如何在我的http.get中使用当前返回的getUserHeaders()的Observable值.
当前错误
输入’Observable< void>‘不能分配给’Observable< Participant []>‘
预期结果
能够使用我的Observable返回方法getUserHeaders()的值作为http调用中的headers属性.虽然只返回http调用的Observable.
以前的代码
(使用getUserHeaders()返回的harcoded Headers(所以不是Observable或PromisE).
getAllParticipants(): Observable<Array<Participant>> { return this.http.get('someUrl',{headers: this.getUserHeaders()}) .map(response => { return response.json(); }); }); }
目前的代码
按照Chaining RxJS Observables from http data in Angular2 with TypeScript的回答我来到flatMap方法. (注意此代码当前会抛出’当前错误’)
getUserHeaders(): Observable<Headers> { let headers: Headers = new Headers(); return NativeStorage.getItem("user").map( data => { headers.append('API_KEY',data.json().apiKey); headers.append('DEVICE_ID',data.json().deviceid); return headers }).catch( error => { console.log("error"); headers.append('API_KEY','TEST'); headers.append('DEVICE_ID','TEST'); return headers; } ); } /** retrieves ALL the participants from the database */ getAllParticipants(): Observable<Array<Participant>> { return this.getUserHeaders().flatMap( data => { return this.http.get('someUrl',{headers: data}).map(response => { return response.json(); }); }); }
plunkr(承诺而不是ObservablE)
http://plnkr.co/edit/A0tEB9EUodWQS6AnqrtH?p=info
(注意:Observable.fromPromise()在这里没有用,所以我创建了两个返回promises的方法 – 现在我想在getParticipants()的promise中使用getUserHeaders()的值,并且仍然返回promise / observable getParticipants()并没有getUserHeaders()
getUserHeaders(): Observable<any> { return Observable.of(NativeStorage.getItem("user"); }
然后在getParticipants()中构造头对象.这样你就可以保持flatMap
以上是大佬教程为你收集整理的Angular2 – 在另一个Observable中使用Observable返回方法的值全部内容,希望文章能够帮你解决Angular2 – 在另一个Observable中使用Observable返回方法的值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。