Как использовать группу форм и массив форм внутри таблицы с одновременной итерацией? Я понятия не имею, как справиться с этим внутри шаблона

Question

Это будет вывод:

Я понятия не имею, как обращаться с этим внутри шаблона

 rateCardForm = this.fb.group({
     package: this.fb.group({
         freeDays: this.fb.array([]),
         paidDays: this.fb.array([]),
     }),
 });

Answer 1

Насколько я понимаю, ваш захваченный экран:

rateCardForm = this.fb.group({
     package: this.fb.array([
      this.fb.group({
         freeDays: [null],
         paidDays: [null],
        })
     ]),
 });

Для добавления нового элемента в массив:

Add(){
    var _package=FormArray>this.rateCardForm.controls.package;
       _package.push( 
          this.fb.group({
             freeDays: [null],
             paidDays: [null],
         })
       )
}

Для удаления:

Delete(index){
   var _package=<FormArray>this.rateCardForm.controls.package;
   if(_package.controls.length>1){
      _package.removeAt(index)
   }
}