在 Angular HTTP 请求后编辑接收到的对象

【问题标题】：Editing Received Object After Angular HTTP Request在 Angular HTTP 请求后编辑接收到的对象
【发布时间】：2018-06-28 23:05:55
【问题描述】：

在我正在进行的一个项目中，在从 HTTP“get”请求获取对象列表后，每个对象的字段之一是包含状态、“DEAD”、“IDLE”等的字符串。是有什么方法可以编辑列表中出现的对象的结构，使其包含更多基于该状态值的字段？例如，在转换之后，列表中的每个对象都会有布尔字段 isDead、isIdle 等。这就是 Angular 中的 transformResponse() 方法的作用吗？

【问题讨论】：

也许this stack overflow question 会有所启发

标签： javascript angular http get

【解决方案1】：

你可以这样做。

private getData(): void {
    this.http.get('https://reqres.in/api/users?page=2').pipe(map((res: any) => {
      return res.data;
    })).subscribe((data) => {
      this.data =data.map((item) => {
       return {
            id: item.id,
            first_name: item.first_name,
            last_name: item.last_name,
            avatar: item.avatar,
            age: 50
        }
      });
    });
  };

在这里，用户界面正在请求数据列表，并且对于列表中的每个项目，我都附加了一个 age 属性。

您可以在 here 中找到一个工作示例

【讨论】：