Angular Observable:在解析之前修改数据

时间:2017-11-17 14:18:14

标签: angular rxjs observable

我试图通过这种方式在解析之前转换数据,但是订阅者获得了非转换数据。

@Injectable()
export class OrderService {
    getAll(): Observable< Array<Order> > {
        let url = 'http://fakeapi.com';
        return this.http.get( url )
          .pipe(
            tap( (data: any) => {
                /*
                * MAKE DATA TRANSFORMATIONS HERE
                */
            }),
            catchError( (err: any, caught: Observable<{}>) => {
              console.log('error while GET : ' + url);
              console.warn(err);
              return caught;
            })
          );
    }
}

这是订阅者:

this._orderService.getAll().subscribe( data => {
  this.orders = data;
  console.log('\nplanning-overview-page : _orderService.getAll : data ', data);
});

1 个答案:

答案 0 :(得分:2)

map是用于转换可观察流中的值的运算符,您必须确保它返回一个值。

map(data => {
    // do your transformations
    return data;
});