Динамически генерирующие элементы управления для углового FormControl

Question

У меня следующая проблема: я хочу создать динамическую форму, используя Angulars FormControl.Итерация по массиву myForm (в котором хранятся все поля ввода, которые мне нужны) Я хочу добавить в this._controls .. Есть ли способ, которым я могу это сделать?В моем коде я перезаписываю this._controls с каждым циклом.Я благодарен за любую помощь!

private initForm() {
    for (const dat of this.formBuilderService.myForm) {
      if (dat.required) {
        this._controls = ({[dat.bezeichnung]: new FormControl(null, 
           Validators.required)});
      } else {
        this._controls = {[dat.bezeichnung]: new FormControl(null, null)};
      }
    }
    this.form = new VhvFormGroup<FormBuilderModel>(this._controls);
  }

Answer 1

добавьте каждый элемент управления с отдельным ключом, используйте имя formControl в качестве ключа, например, вы можете иметь свойство name в dat

private initForm() {
    for (const dat of this.formBuilderService.myForm) {
      if (dat.required) {
        this._controls[dat.name] = ({[dat.bezeichnung]: new FormControl(null, 
           Validators.required)});
      } else {
        this._controls[dat.name] = {[dat.bezeichnung]: new FormControl(null, null)};
      }
    }
    this.form = new VhvFormGroup<FormBuilderModel>(this._controls);
  }