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

【问题标题】：How to retain the original response from the observable in Angular 6?如何保留 Angular 6 中 observable 的原始响应？
【发布时间】：2019-03-01 12:54:00
【问题描述】：

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

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);

【问题讨论】：

可以添加服务功能的来源吗？
已添加。谢谢！！

标签： javascript typescript rxjs angular6 angular2-observables

【解决方案1】：

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

您应该只从函数中返回过滤后的数据，并保持原始请求不变：

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

【讨论】：