Angular Реактивные формы: сохранение данных в модели при отправке формы

Question

Я работаю над angular реактивной формой. Я заполняю начальные значения в форме, используя модель, скажем context, что-то вроде этого

this.form = this.formBuilder.group({
    name: [this.context.name],
    age: [this.context.age],
    place: [this.context.place],
    school: [this.context.school]
  });

Я хочу сохранить данные обратно в context модель при отправке формы. Я делаю это примерно так. Есть ли какой-нибудь элегантный способ сделать это.

this.context.name = this.form.value.name;
this.context.age= this.form.value.age;
this.context.place= this.form.value.place;
this.context.school= this.form.value.school;

Answer 1

Просто используйте приведенный ниже код, и он присвоит все значения формы вашему объекту обратно.

this.context= Object.assign(this.context, this.form.value);

Answer 2

может быть как:

this.form.getRawValue().name

или даже если ваша форма соответствует вашему контекстному интерфейсу, это может быть что-то вроде:

 const context = this.form.getRawValue() as Context;