Angular 7 Реактивные формы - динамически создавать поля ввода (даже ключ FormArray должен быть создан от пользователя динамически) - PullRequest
Новая
       36

Angular 7 Реактивные формы - динамически создавать поля ввода (даже ключ FormArray должен быть создан от пользователя динамически)

0 голосов
/ 26 июня 2019

Используя динамические формы, мне нужно дать пользователям возможность динамически создавать поля форм.Должна быть кнопка «Добавить», и когда пользователь нажимает на эту кнопку, создаются дополнительные поля ввода.

Также я хочу, чтобы ключ (FormControlName) создавался динамически

Я хочу, чтобы пользовательчтобы иметь возможность генерировать ключ addOtherSkillFormGroup Динамически, как пользователь может создать любое количество полей, например: - образование, возраст, степень, высшую квалификацию и любое количество полей, которые он хочет добавить 

ngOnInit() {
this.personalForm = this.formBuilder.group({
firstName: ['', [Validators.required, Validators.minLength(2),
Validators.maxLength(8)]],
lastName: ['', [Validators.required, Validators.minLength(2),
Validators.maxLength(8)]],
address: ['', [Validators.required]],
other: this.formBuilder.array([this.addOtherSkillFormGroup()])
 });
}  


addOtherSkillFormGroup(): FormGroup {
return this.formBuilder.group({
education: ['', Validators.required],
age: ['', Validators.required],
degree: ['Bachelor', Validators.required]
 });
 }
...