我很困惑FormGroup。
該類具有這些屬性
formValue!: FormGroup;
employeeModelObj: EmployeeModel = new EmployeeModel();
employeeData!: any;
并且在 ngOnit 中有：
ngOnInit(): void {
this.formValue = this.formBuilder.group({
firstName: [''],
lastName: [''],
emailId: [''],
phoneNumber: [''],
salary: [''],
});
并且在添加新員工詳細資訊時，它有這個
postEmployeeDetails() {
this.employeeModelObj.firstName = this.formValue.value.firstName;
this.employeeModelObj.lastName = this.formValue.value.lastName;
this.employeeModelObj.emailId = this.formValue.value.emailId;
this.employeeModelObj.phoneNumber = this.formValue.value.phoneNumber;
this.employeeModelObj.salary = this.formValue.value.salary;
抱歉，我自己無法弄清楚，但是將 FormGroup 類分配給 formValue 屬性有什么意義？為什么我們必須創建一個employeeModelObj 并為其分配值？
formBuilder.group 有什么作用？為什么我們將 formValue 分配給它而沒有初始化？
uj5u.com熱心網友回復：
FormGroup 用于創建一種物件，該物件會根據您的輸入欄位值進行更新。在您的示例中， this.formValue 與您的 html 檔案中的表單相關聯。
當該表單中的輸入欄位更新時， this.formValue 也將更新。
例如，如果您的表單中有一個采用 firstname 的輸入，那么當您更改該輸入時， this.formValue.value.firstName 也將更改。這是一個簡單的概念
uj5u.com熱心網友回復：
將 FormGroup 類分配給 formValue 屬性有什么意義？
這是為了創建主表單物件的句柄。
為什么我們必須創建一個employeeModelObj 并為其分配值？
你實際上不必這樣做，你可以使用formValue物件傳遞給你的函式來持久化物件或任何你想用它做的事情。
formBuilder.group 有什么作用？
該FormBuilder是一個物件，可幫助您創建結構形式。該.group函式創建包含所有值的主物件。您實際上可以嵌套這些 aswel，以在主表單物件內創建物件，例如地址（街道、號碼、城市）。
還有.array，它會在您的表單結構中創建一個陣列。
如果沒有表單構建器，您還必須在初始化表單控制元件之前經歷這種痛苦：
this.formValue = new FormGroup({
firstName: new FormControl(),
lastName: new FormControl(),
emailId: new FormControl(),
phoneNumber: new FormControl(),
salary: new FormControl()
});
換句話說，它使您不必撰寫大量樣板代碼。
為什么我們將 formValue 分配給它而什么都沒有初始化？
這是當表單物件初始化時輸入被設定為空字串的原因。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/322905.html
標籤：有角的
上一篇：帶公差的三維坐標比較