Angular反应/动态形式的复选框列表

时间:2019-10-20 05:39:41

标签: javascript angular typescript angular8

尝试使用Angular8建立反应/动态形式,努力呈现一组复选框。我已经按照https://angular.io/guide/dynamic-form的指南进行操作,并使其运行良好。

我正在使用服务将对象数组映射到窗体控件,并且可以确定复选框列表对象,只是不确定如何处理它们。

地图服务示例:

    questions.forEach(question => {

        if (question.controlType === 'checkboxlist') {
        // here...?
        }

        group[question.key] = question.required ? new FormControl(question.value || '', Validators.required)
        : new FormControl(question.value || '');
    });

    return new FormGroup(group);

“ checkboxlist”类型的问题如下:

      new CheckboxListQuestion({
        key: 'myKey',
        label: 'My label',
        options: [
          { key: 'solid', value: 'Solid', selected: false },
          { key: 'great', value: 'Great', selected: false },
          { key: 'good', value: 'Good', selected: false },
          { key: 'unproven', value: 'Unproven', selected: true }
        ],
      })

我想将该值作为对象{ key: objectKey, value: selected? }

的数组

感觉像我遗漏了一些明显的东西-尝试创建FormArray / FormControls,但无法正常工作。

0 个答案:

没有答案