首页 > 解决方案 > 如何仅从 Angular 6 中的 http 请求中获取特定字段

问题描述

我只想从服务发出的 http 请求中获取选择性字段。例如名称,来自其余 url 的货币resturl 链接

服务

 public fetchRecords(name): any {
    const searchParam = 'united';
    const urlPath = 'https://restcountries.eu/rest/v2/name/' + searchParam;
    return this.http.get(urlPath).pipe(map(
      res => res
      ));
  }

零件

getCountries() {
this.service.fetchRecords(this.searchWord).subscribe(res => {
  this.result = res;
});

标签: angular

解决方案


尝试使用RXJS地图运算符

getCountries() {
this.service.fetchRecords(this.searchWord)
.pipe(
  map(data => data.map(({name, currencies })=>({name, currencies })))
)
.subscribe(res => {
  this.result = res;
});

工作演示


推荐阅读