Angular - ngOnInit()

Question

是否可以同時訪問 this.droneForm 和 this.service？ 目前最上面的那個是優先的

ngOnInit(){
    this.droneForm = this.formBuilder.group({
      serialNumber:['', [Validators.required]],
      modelNumber:['', [Validators.required]],
      brand:['', [Validators.required]],
      model:['', [Validators.required]],
      ownerIDNumber:['', [Validators.required,Validators.pattern("[0-9]+[A-Za-z]")]],
      ownerName:['', [Validators.required]],
      ownerSurname:['', [Validators.required]],
      ownerContactNumberCountryCode:['', [Validators.required]],
      ownerContactNumber:['', [Validators.required,Validators.minLength(8)]],
      ownerEmail:['', [Validators.required,Validators.pattern("^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$")]]
    }
    );
    this.service.getDronebyId(this.droneid)?.subscribe(detailedDrone => {
      this.drone = detailedDrone;
  })
}

Answer 1

假設您需要將detailedDrone的值放入表單中，您只需在服務響應后在表單上調用patchValue ：

(...)

this.service.getDronebyId(this.droneid)?.subscribe(detailedDrone => {
  this.drone = detailedDrone;
  this.droneForm.patchValue(detailedDrone)
})

為此， droneForm控件必須與detailedDrone的屬性具有相同的名稱