как перебрать формари в формарре в угловых 5 реактивных формах - PullRequest
0 голосов
/ 09 апреля 2019

Я хочу перебрать formArray внутри formArry в моих реактивных формах проекта angualar5, я пытался оставить два fromArray, parent (initSection) и child (initQuestion), пожалуйста, обратитесь к приведенному ниже рабочему URL: https://stackblitz.com/edit/deep-nested-reactive-form-1p9mza?file=app/app.component.ts

Кто-нибудь может подсказать, как перебрать мой родительский массив или два пользовательских элемента, в этом дочернем массиве по 3 вопроса каждого пользователя?и как отобразить выбранные значения переключателей, соответствующие вопросу при отправке?

Дизайн пользовательского интерфейса выглядит примерно так:

enter image description here

Ниже приведен мой ввод

 this.userList =  [
            {
                "name": "sam",
                "questionsList":[
                    {
                        "question": "question 0111111?"
                    },
                    {
                        "question": "question 0222222?"
                    },
                    {
                        "question": "question 03333333?"
                    }
                ]
            },
            {
                "name": "robert",
                "questionsList":[
                    {
                        "question": "question 0111111?"
                    },
                    {
                        "question": "question 0222222?"
                    },
                    {
                        "question": "question 03333333?"
                    }
                ]
            }
        ]

Я хочу вывод, как показано ниже, когда пользователь отправляет мою форму:

userList: [
            {
                "name": "sam",
                "questionsList":[
                    {
                        "question": "question 0111111?",
                        "isSelected": "yes"
                    }
                    {
                        "question": "question 0222222?",
                        "isSelected": "no"
                    }
                    {
                        "question": "question 03333333?",
                        "isSelected": "yes"
                    }
                ]
            },
            {
                "name": "robert",
                "questionsList":[
                    {
                        "question": "question 0111111?",
                        "isSelected": "no"
                    }
                    {
                        "question": "question 0222222?",
                        "isSelected": "yes"
                    }
                    {
                        "question": "question 03333333?",
                        "isSelected": "no"
                    }
                ]
            }
        ]
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...