代码之家 › 专栏 › 技术社区 › iJade

将JSON响应对象值分配给Angular模型类对象

serialization api angular json

iJade · 技术社区 · 5 年前

我从API得到以下响应。

{
    'firstName' : 'Sam',
    'lastName' : 'Thomson',
    'employeeAge' : 12 
}

在我的Angular代码中,我试图将JSON响应映射到Angular类模型。这是课堂模型。

export class Employee{
    constructor(){
        this.empage = 0;
    }
    public firstName : String;
    public lastName : String;
    public empage : Number;
}

以下是API调用的代码。

this.http.get('/api').subscribe((result : Employee) =>{
      let emp = new Employee();
      Object.assign(emp, result);
      console.log('Result is ', emp);
    })

接收到的输出为:

{empage: 0, firstName: "Sam", lastName: "Thomson", age: 12}

如上图所示 age from响应未映射到 empage 从模型实例中。如何在不使属性名称相同的情况下实现相同?

预期产出:

{empage: 12, firstName: "Sam", lastName: "Thomson"}

1 回复 | 直到 5 年前

Prashant Pimpale Dila Gurung 5 年前

您可以使用重载版本的Object.assign方法,该方法接受三个参数,您可以将第三个值作为要覆盖其值的对象传递 Reference link :

只需使用:

Object.assign(emp, result, {empage: result.employeeAge});

Michael D 5 年前

有两件事要注意

在声明中 this.http.get('/api').subscribe((result: Employee) 假设响应的类型为 Employee ,但事实并非如此。最好用 result: any .
据我所知,没有原生方法将一种类型的对象映射到另一种类型。以下是使用以下方法满足您的特定要求 Object.keys()

export class AppComponent implements OnInit  {
  private employeeMap = ((source): Employee => {
    const result = new Employee();
    Object.keys(source).map((key) => {
      if (key === 'employeeAge') {
        result['empage'] = source[key];
      } else {
        result[key] = source[key];
      }
    });
    return result;
  });

  ngOnInit() {
    this.jsonService.getData().subscribe(
      (result: any) => {
        let emp: Employee = this.employeeMap(result);
        console.log(emp);
      }
    );
  }
}

工作示例: Stackblitz

推荐文章

Anurag Jain · 当我编辑.env文件并尝试使用新变量时,旧变量会被加载

7 月前

Sushmita Chaurasia · 在没有数据库的flask中创建api会导致405错误

8 月前

Arlyn Annie · 使用视频id映射电影,以在Angular中使用Ok.ru的id显示Ok.ru中的视频

1 年前

Jace Johnson · 我应该使用多个地图功能还是只使用一个

1 年前

Fabián Gabriel L.S. · 为什么make POST REQUEST的头文件不起作用,但使用Auth时却起作用??(WORDPRESS)

1 年前

Mind full of blanks · 登录页面HTTP请求无限发送

1 年前

Pop Bob · Api返回UnsupportedMediaType

1 年前

Mr FoX · 如何从mysqli输出json数组,而[重复]

1 年前

Roger McCarrick · 从compliance.microsoft.com获取DLP策略

1 年前

Pratham Chauhan · spring-boot-jpa如何制作为特定用户获取所有数据的api

1 年前