Angular2 dynamic form checkbox

Question

I am trying to implement dynamic form in Angular2 and I have gone through https://angular.io/docs/ts/latest/cookbook/dynamic-form.html but it has components only for text box and dropdown, I have to populate my dynamic form with check boxes and radio buttons, not sure how to do that. Any help is appreciated. Thanks in advance.

Meligy · Accepted Answer · 2016-08-18 05:06:40Z

4

You have to create new checkbox control and include it in the dynamic form.

Create new checkbox control named app/question-checkbox.ts as:

import { QuestionBase } from './question-base';

export class CheckboxQuestion extends QuestionBase<string> {
    controlType = 'checkbox';
    type: string;

    constructor(options: {} = {}) {
        super(options);
        this.type = options['type'] || '';
    }
}

Add new question item

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

Include it in the dynamic form

Here works for me.

Hope this help!

edited Aug 18, 2016 at 5:06

Meligy

36.7k11 gold badges90 silver badges114 bronze badges

answered Aug 18, 2016 at 4:50

Ha Hoang

1,68413 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pavan Over a year ago

thanks for your help, but here you are consuming data from one of your components but I have to consume data from API, that is where I am facing problem with... @Meligy

Collectives™ on Stack Overflow

Angular2 dynamic form checkbox

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related