Angular 錯誤類型錯誤：無法設置未定義的屬性“名稱”

Question

我試圖從我的表單中獲取一個值，但我不斷收到此錯誤。 這是代碼。 我的 formControlName 是值的“名稱”，我試圖將其放入地址類型的變量中，即我創建的 class。 變量為newAddress，表單組為addressForm。 這是我正在嘗試實現它的 function，這是我的地址 class。

onSubmit() {
    this.newAddress.name = this.addressForm.value['name'];
    console.log(this.newAddress.name);
    this.addressForm.reset({
      name: '',
      addressLine1: '',
      city: '',
      state: '',
      zipcode: '',
     });
      this.addressFormDirective.resetForm();
  }

export class Address {
    name: string;
    addressLine1: string;
    city: string;
    state: string;
    zipcode: string;
}

Answer 1

首先在構造函數中初始化它

this.newAddress=new Address()