HttpClient未运行构造函数

Question

我正在使用HttpClient从json端点获取对象。提取并订阅可观察对象后，我发现构造函数未在模型上运行，并且对象上的公共方法都未定义。如何使构造函数运行并且方法可用？

export class Customer {

    constructor() {
        this.Addresses = new Array<Address>();
        }

    public Addresses: Array<Address>;

    public addAddress(address: Address) void{
        this.Addresses.push(address);
    }
}

var url: string = `${this.urlBase}api/customer/${id}`;
var customerObservable: Observable<Customer> = this.authHttp.get<Customer>(url);

customerObservable.subscribe(customer => {
    // Addresses is undefined!
    customer.Addresses.push(new Address());
    // addAddress is undefined!
    customer.addAddress(new Address());
});

Answer 1

从.get返回的数据是Customer类的形状（假定您具有未显示的属性）。但实际上不是您的Customer类的实例。

这就是为什么您不能访问任何Customer类方法的原因。

您必须使用new关键字创建一个Customer实例，然后将get中的数据复制到其中。

像这样：

let customerInstance = Object.assign(new Customer(), customer);

然后，您正在创建客户的新实例，并且构造函数将执行。