Angular Forms-如何通过其ID编辑（修补）现有记录

Question

我想修补现有记录（编辑组件）。这是我的edit.ts文件：

 this.signupform=this.fb.group({
      firstName: ['',Validators.required],
      lastName: ['',Validators.required],
      birthDate: ['',Validators.required],
      adharNo: ['',Validators.required],
      visitingDate: ['',Validators.required],
      picture: ['',Validators.required],
      flatblock: ['',Validators.required],
      flatno: ['',Validators.required],
      phoneNo: ['',Validators.required],
      bikeNo: ['',Validators.required]
})

Answer 1

您可以尝试这个，

 this.signupform.patchValue({
      firstName: 'fname',
      lastName: 'lname'
    });

Answer 2

我将用现有记录的数据预先填写表格：

this.alimentForm.setValue({
    name: alimToEdit.name,
    icon: alimToEdit.iconicFontName,
    category: alimToEdit.category,
    storedDate: alimToEdit.storedDate,
    expirationDate: alimToEdit.expirationDate,
    quantityValue: alimToEdit.quantity,
    quantityUnit: alimToEdit.quantityUnit,
    id: alimToEdit.id
});

然后在寄存器函数中，我将从这样的表单中提取数据，例如：

let formVal = this.alimentForm.value;
            let alimFromForm: Aliment = new Aliment({
                name: formVal.name
                , category: formVal.category
                , iconicFontName: formVal.icon
                , quantity: formVal.quantityValue
                , quantityUnit: formVal.quantityUnit
                , storedDate: formVal.storedDate
                , expirationDate: formVal.expirationDate
            });