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.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
            });

Answer 2

вы можете попробовать это,

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