HttpClient 不是运行构造函数

Question

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

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 class 的 shape 中（假设您有未显示的属性）。但实际上并不是您的客户 class.

的实例

这就是您无法访问任何客户 class 方法的原因。

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

像这样：

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

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

Answer 2

var customerObservable: Observable<Customer> = 
    this.authHttp.get<Customer>(url)
    .map(res => {
         return new Customer()
     });

如果需要，您还可以在此处 add/map 来自对 new Customer() 实例的响应的属性。

HttpClient 不是运行构造函数

HttpClient not running constructor

angular

angular-httpclient

HttpClient 不是 运行 构造函数

HttpClient not running constructor

angular

angular-httpclient

HttpClient 不是运行构造函数