将 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

我被 Abdellatif Ait boudad 指出 link 解决了我的问题： https://github.com/ngx-formly/ngx-formly/issues/2250#issuecomment-630577383

除了推送到数组之外，我还设置了模型以便 Formly 检测到变化。

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

这将向我的 table 添加一个新行，并正确绑定它。