Как добавить новые строки в модель при использовании NGX-DataTable с NGX-Formly

Question

Использование Formly. Я реализовал решение, подобное найденному здесь: https://formly.dev/examples/advanced/datatable-integration

Это работает для отображения существующих данных, проблема возникает при попытке добавить новые строки. Мне нужен способ обновить список FormGroup, в настоящее время я подделал его, снова добавив первую строку. Визуально это выглядит правильно, но он всегда будет привязан к неправильной строке.

     var newRow = this.fields[1].fieldGroup[0];
     this.fields[1].fieldGroup.push(newRow);

У меня есть пример (модифицированная версия приведенного выше примера): https://stackblitz.com/edit/formly-add-ngxdatatablerow?file=src%2Fapp%2Fapp.component.ts

Answer 1

Абдельлатиф Айт Будад указал мне на эту ссылку, которая разрешила мою проблему: https://github.com/ngx-formly/ngx-formly/issues/2250#issuecomment -630577383

Вместо того, чтобы просто нажимать на массив, я также установил модель в Чтобы Formly обнаружил изменение.

      this.model.investments.push({});
      this.model = { ...this.model, investments: this.model.investments };

Это добавит новую строку в мою таблицу и правильно ее привяжет.