微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决角度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内,但这并不能使我在重复中重复。

结果:

Result

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?