Angular 7变换对新可观察对象的可观察响应

Question

我有一个像这样的响应的API，我正在使用rxjs observables

[{
  "error": "error_1",
  "types": [
     {
       "type": "new_type"
     },
     {
       "type": "old_type"
     }
  ],
  "date": "2019-08-29"
}]

我需要将其转换为新的json格式，以便获得所需的响应格式。

我已经试过pipe（map（）），但是却收到错误，提示类型' Observable<void> '不能分配给类型' Observable<Error[]> '

我的模特

export interface Data {
    error: string,
    types: Types[],
    date: string
}

interface Types {
    type: string
}

我的服务

getError(): Observable<Data[]> {
    return this.http.get<Data[]>(url);
  }

这是到目前为止我尝试过的操作，删除了产生错误My Component.ts的代码

getUserErrors(user): Observable<Data[]> {
    return this.getData.getError()
      .pipe(map((x) => x.filter(one => one.error !== null)))
}

这是我需要的可观察的输出

[{
  "new_error": "error_1",
  "type_1": "new_type",
  "date": "2019-08-29"
}]

谢谢您的帮助

Answer 1

据我了解，您需要过滤出具有空错误的响应，然后将其余元素映射为新格式，并将其作为另一个Observable返回。 您可以使用flatMap来将多个Observable在一起：

getUserErrors(user): Observable<Data[]> {
    return this.getError()
        .flatMap(result => {
            result = result.filter(elem => elem.error !== null)
                .map(elem => ({
                    new_error: elem.error,
                    type_1: elem.types[0].type, // since you want the first out of the two
                    date: elem.date
                }));
            return Observable.of(result);
        })
}

稍后，当您调用此命令时：

this.getUserErrors(user).subscribe(
    result => { console.log(result); }
    error => { console.log(error); /* Do some proper error handling */ }
)