如何保留 Angular 6 中 observable 的原始响应？

Question

我正在订阅一个可观察对象以获取来自外部 API 的响应。然后我对其执行另一个过滤功能。但是当我这样做时，它也会过滤原始响应。我想保留原始响应并获得新的过滤响应。当我在没有实现 getFilteredEntryByProv 函数的情况下进行订阅时，我在 'Header Entries' 控制台日志中得到了完整的响应。一旦我有了过滤功能，'Header Entries;控制台日志也得到更新.....有什么建议吗？

this.subscription = this.contentfulService.getContentfulEntry(this.headerEntryId, {locale: this.lang.toLowerCase()})
      .subscribe(res => {
      console.log('Header Entries:: ', res);
      this.filteredHeader = this.contentfulService.getFilteredEntryByProv(res, this.prov);
      console.log('Filtered Header:: ', this.filteredHeader);

Answer 1

在 getFilteredEntryByProv 中，您正在修改响应本身。 provObj.data = _.filter 修改 res.fields.data.

您应该 return 从您的函数中过滤数据并保留原始请求：

public getFilteredEntryByProv = (res, prov: string) => {
    return _.filter(res.fields.data, obj => _.includes(obj.prov, prov));
}

如何保留 Angular 6 中 observable 的原始响应？

How to retain the original response from the observable in Angular 6?

javascript

typescript

rxjs

angular6

angular2-observables