Angular2动态表单复选框

Question

我正在尝试在Angular2中实现动态表单，我已经通过了https://angular.io/docs/ts/latest/cookbook/dynamic-form.html，但它只有文本框和下拉列表的组件，我必须用复选框和单选按钮填充我的动态表单，不知道如何要做到这一点。任何帮助表示赞赏。提前谢谢。

Answer 1

您必须创建新的复选框控件并将其包含在动态表单中。

1. 创建名为app / question-checkbox.ts的新复选框控件：

   import { QuestionBase } from './question-base';
   
   export class CheckboxQuestion extends QuestionBase<string> {
       controlType = 'checkbox';
       type: string;
   
       constructor(options: {} = {}) {
           super(options);
           this.type = options['type'] || '';
       }
   }
   

2. 添加新问题项

   new CheckboxQuestion({
           key:'agree',
           label:'I Agree',
           type: 'checkbox',
           value:'false',
           order: 4
       })
   

3. 将其包含在动态表单中

Here适合我。

希望这有帮助！