2016-08-18 90 views
0

我想实现在Angular2动态表单,我已经通过​​走了,但它仅适用于文本框和下拉组件,我要填充我与复选框和单选按钮动态表单,不知道如何要做到这一点。任何帮助表示赞赏。提前致谢。Angular2动态表单复选框

回答

1

您必须创建新的CheckBox控件,包括它的动态形式。

  1. 创建一个名为应用程序/问题 - 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适合我。

希望得到这个帮助!

+0

感谢您的帮助,但在这里,你是从你的组件之一消耗数据,但我不得不从API消耗数据,也就是在那里,我与... @Meligy面临的问题 – Pavan