angular - 如何 Observable 映射具有不同属性名称的 json 对象的集合

Question

我有一个 json 结果，它是对象的集合。我需要将它们转换为具有与 json 结果不同的属性名称的自定义对象的集合。在这种情况下，并非所有结果属性都是必需的。

JSON

[{"empID":"12345", "formattedName":"Simpson, Homer"},
 {"empID":"24680", "formattedName":"Simpson, Marge"},
 {"empID":"36912", "formattedName":"Simpson, Bart"},
 {"empID":"13579", "formattedName":"Simpson, Lisa"},
 {"empID":"13579", "formattedName":"Simpson, Lisa"}]

我的自定义对象

export class multiSelect {
   constructor(
    public id: string,
    public name: string
  ) {  }
}

服务

  reportsTo(): Observable<multiSelect> {
    return this._http.get('getCollection')
      .map((response: Response) => response.json())
      .map(({empID, formattedName}) => new multiSelect(empID, formattedName))
      .catch(this.handleError);
  }

我希望我的服务返回这个

[{"id":"12345", "name":"Simpson, Homer"},
 {"id":"24680", "name":"Simpson, Marge"},
 {"id":"36912", "name":"Simpson, Bart"},
 {"id":"13579", "name":"Simpson, Lisa"},
 {"id":"13579", "name":"Simpson, Lisa"}]

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

您可以像这样将您的数据映射到您的类:

reportsTo() {
  return this._http.get('getCollection')
    .map((response: Response) => response.json().map(res => new multiSelect(res.empID, res.formattedName)))
    .catch(this.handleError);
  }

那应该做你想做的。希望这可以帮助! :)