Обновить объект во вложенном массиве в Angular

Question

У меня есть вложенная форма:

this.contactForm = this.fb.group({
  name: ['', Validators.required],
  description: '',
  comment: '',
  phone: '',,
  addresses: this.fb.array([])
});

get addresses() {
 return this.contactForm.get('addresses') as FormArray;
}

Я открываю модал через ng-bootstrap. Таким образом, я могу заполнить модальные данные правильными данными. Я также могу удалить его правильно. Но как только я открываю модальное окно и редактирую значения, я сохраняю новый объект, а не обновляю его.

Я использую сервис для связи между компонентами:

Родитель:

this.companyService.addressCompanySubject.subscribe(
  data => {
    const address = this.fb.group({
      addressType: data.addressType,
      street: data.street,
      zip: data.zip,
      city: data.city,
      country: data.country
    });
    this.addresses.push(address);
  }
);

Ребенок:

sendAddress() {
this.address = new Address(this.addressForm.value);

this.companyService.addCompanyAddress(this.address);

this.activeModal.close();

}

Как правильно отредактировать объект в массиве?