无法使用 Angular 6 读取未定义的属性“名称”

Question

屏幕上显示的值是正确的，但我在日志中收到此错误：ERROR TypeError: Cannot read property 'name' of undefined。

我用 '?' 尝试了几种方法 像这样： [(ngModel)]="customer?.name"但不起作用，那么我需要帮助:)

在服务中：

  getCustomer(name:string){
    let url = `http://localhost:8081/api/customer/${name}`;

    return this.http.get<Customer>(url);
  }

在组件的 .ts 中：

customer: Customer;

this.customerService.getCustomer(this.pName)
      .subscribe(
        (data) =>{  
          this.customer = data['customer'];
        },
        err =>{
          console.log('getCustomer failed');
        }
    );

在模板中：

<input type="text" class="form-control" id="myname" required [(ngModel)]="customer.name" name="myname">

但这不行。

你有想法吗 ？

谢谢，

Answer 1

添加默认值

public customer = {} as Customer;

和这个

 <input type="text" class="form-control" id="myname" required [(ngModel)]="customer?.name" name="myname">