Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从模型中填充类属性?_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 如何从模型中填充类属性?

Javascript 如何从模型中填充类属性?,javascript,angular,typescript,Javascript,Angular,Typescript,我有一辆Class汽车,有一些属性: public id: number; public roleId: number; public roleName: string; 我还有相同的对象{id:1,roleId:1,roleName:4} 如何将此对象指定给每个属性 我不想使用: this.id = obj.id; this.roleName = obj.roleName; this.roleId = obj.roleId; 使用object.assign属性 Object.assign(

我有一辆Class
汽车
,有一些属性:

public id: number;
public roleId: number;
public roleName: string;
我还有相同的对象
{id:1,roleId:1,roleName:4}

如何将此对象指定给每个属性

我不想使用:

this.id = obj.id;
this.roleName = obj.roleName;
this.roleId = obj.roleId;

使用object.assign属性

Object.assign(new Car(), {
        id: obj.id,
        roleName : obj.roleName,
        roleId : obj.roleId
    })
请尝试以下语法:

class Car {
    public id?: number;
    public roleId?: number;
    public roleName?: string;

    constructor(values: Car) {
      Object.assign(this, values);
    }
}
并使用它:

 let car = new Car({id: 1, roleId: 1, roleName: "4"});


考虑以下情况:。它适用于简单对象,而不适用于ClassCorresBinding到object.assign的属性。破坏呢。{…obj,this.id,this.roleName,this.roleId}类型的
roleName
是字符串,因此在对象中
roleName
的值也应该是字符串,然后只需使用赋值(=)操作符。否则,请将您的
roleName
类型更改为any.FYI-演示在Chrome和FireFox中运行,但Edge、IE11显示了致命错误。添加的plunker demoStackblitz是新的,可能有一个小错误:)