使用类转换器将 json 实例转换为 class 实例

Question

我想从 Json object 创建客户 class 的实例。

但是使用类转换器的 plainToInstance function 我没有正确的 class 实例作为类型保存 typescript object。

我做错了什么？

进口

import { plainToInstance } from 'class-transformer';

客户 JSON

    const json = `{
      "id": "1",
      "name": "Jogn",
      "surname": "Doe",
      "email": "j.doe.test@gmail.com",
      "phone": "123456789"
  }
}
`;

客户 class 定义

import { Field, ObjectType, Directive, ID } from '@nestjs/graphql';
import { Address } from './address';

@ObjectType()
@Directive('@key(fields: "id")')
export class Customer {

  @Field(() => ID)
  id: string;

  @Field()
  name: String;

  @Field({nullable: true})
  surname?: String;

  @Field()
  email: String;

  @Field({nullable: true})
  phone?: String;

  @Field()
  customerType: String;

  @Field()
  customerStatus: String;

  @Field(() => [Address], { nullable: true })
  addresses?: [Address]
}

从 Json 到 Customer 实例的转换

let customer : Customer = plainToInstance(Customer, json) as Customer;
console.log('customer.email);

控制台结果

Customer email: undefined

所以我这里拿不到客户的email

这是我记录整个客户变量时所拥有的

控制台日志（客户）；

{
      "id": "1",       
      "name": "Jogn",  
      "surname": "Doe",
      "email": "j.doe.test@gmail.com",
      "phone": "123456789"
}

通过内联创建 Customer 实例进行测试

var x = new Customer();
x.id = "123";
console.log(x)

所以，现在 object 在控制台中看起来正确

Customer { id: '123' }

Answer 1

您必须将 json object 传递给plainToInstance - 而不是字符串。
即你的json变量应该是

const json = {
  id: '1',
  name: 'Jogn',
  surname: 'Doe',
  email: 'j.doe.test@gmail.com',
  phone: '123456789',
};

这是一个有效的Stackblitz 示例

Answer 2

plainToInstance 的第二个属性应该是普通的 object，因此您必须将 json 字符串解析为 object：

let customer = plainToInstance(Customer, JSON.parse(json))