角度ngx-formly中的可重复字段内的可重复字段

问题描述

您好，谢谢阅读。

我正在尝试创建一个在可重复字段内具有可重复字段的表单。

换句话说，我希望我的用户能够根据需要添加任意多个项目选项，并且在每个选项内，他们可以添加更多选项。

我在ngx-formly中使用Angular v9。

我已经进行了可重复的现场演示：https://formly.dev/examples/advanced/repeating-section

这很好用，但是只允许一个简单的重复部分。我正在尝试在每个重复部分中嵌套另一个重复部分。这是我的代码：

 public form = new FormGroup({});
  model = {
    investments: [{}],};
  public options: FormlyFormOptions = {};

  public fields: FormlyFieldConfig[] = [
    {
      key: 'investments',type: 'repeat',templateOptions: {
        addText: 'Add another investment',},fieldArray: {
        fieldGroup: [
          {
            key: 'investments2',type: 'repeat2',templateOptions: {
              addText: 'Add another investment2',fieldArray: {
              fieldGroup: [
                {
                  className: 'col-sm-4',type: 'input',key: 'investment2Name',templateOptions: {
                    label: 'Name of Investment:',required: true,],{
            type: 'input',key: 'investmentDate',className: 'col-sm-4',templateOptions: {
              type: 'date',label: 'Date of Investment:',key: 'stockIdentifier',templateOptions: {
              label: 'Stock Identifier:',];

如您所见，我已经尝试将FormArray嵌套在主FormArray内，但这并不能使我在重复中重复。

结果：

问题是，可以使用Formly来实现这一目标吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）