обновить данные формы React в угловых 6

Question

Невозможно выполнить операцию обновления в моем угловом 6 на реактивных формах.В настоящее время я получаю данные и отображаю их на странице редактирования на основе идентификатора клиента.но когда я нажимаю на операцию отправки, мои старые данные не меняются.Даже я не получил сообщение об ошибке в консоли также.Это мой код customer.ts для обновления данных формы.

onSubmit() {
this._customerService.updateCustomer(this.editForm.value)
  .pipe(first())
  .subscribe(
    data => {
      this.router.navigate(['list']);
    },
    error => {
      alert(error);
    });
}

Это код customer.service.ts

updateCustomer(customer: Customer) {
let body = {
  "name": customer.name,
  "email": customer.email,
  "primaryPhone": customer.primaryPhone,
  "alternatePhone": customer.alternatePhone,
  "address1": customer.address1,
  "address2": customer.address2,
  "address3": customer.address3,
  "city": customer.city,
  "state": customer.state,
  "country": customer.country,
  "zip": customer.zip,
};
return this.http.put(this._global.baseUrl + '/Customer/UpdateCustomer/' + customer.customerId, body, this._global.httpOptions).catch(this.handleErrorObservable);
 }

Answer 1

Просто дико угадал, учитывая, как мало информации в вопросе, но правильно ли вы настроили HTML-форму?

Например,

<form [formGroup]='editForm' (ngSubmit)='submit()'>
  <mat-form-field>
    <input matInput formControlName='name' />
  </mat-form-field>

  <button>Submit</button>
</form>

Кнопка должна находиться внутри *Теги 1006 *, ngSubmit необходимо вызвать функцию submit() и т. Д.

(есть также много других способов правильно настроить HTML-форму, но суть в том, что форма должнабыть настроен правильно)