При нажатии кнопки «Сохранить» либо в режиме добавления / редактирования, как записать эти данные в таблицу, используя formarray.

Question

У меня есть таблица, в которой есть данные вместе с кнопками редактирования и просмотра, поэтому при нажатии кнопки редактирования / добавления мы получаем еще 2 кнопки сохранения и удаления. При нажатии кнопки сохранения введенные значения в разделе режима редактирования должны обновиться и go в списке сетки. При добавлении также значений также значения должны go к сетке. Итак, сколько элементов мы добавляем, они должны находиться в сетке, а список редактирования в сетке должен обновляться Кто-нибудь может подсказать мне, как этого достичь.

DEMO: DEMO

TS:

  saveW9Details(item) {
    console.log(item);
const control = <FormArray>this.agentW9InfoForm.get('w9Info');
   control.controls = []; 
   let info = [];
   info.push(item)
   for (const emp of info) {
     console.log(emp,"emp")
    const grp = this.FB.group({
      taxIdNumber: [emp.taxId, Validators.required],
      signatureDate: [emp.signatureDate, [Validators.required]],
      businessType: [emp.businessType, [Validators.required]],
      uploadFile:[emp.uploadFile]
    });
    console.log(grp.controls.value,"grp");
    control.push(item);
  }