Angular2 dynamic form checkbox

Question

Я пытаюсь реализовать динамическую форму в Angular2, и я прошел через https://angular.io/docs/ts/latest/cookbook/dynamic-form.html, но у него есть компоненты только для текстового поля и выпадающего списка, я должен заполнить свою динамическую форму флажками и переключателями, не уверен, как для этого. Любая помощь приветствуется. Заранее спасибо.

Answer 1

Вам необходимо создать новый элемент управления флажком и включить его в динамическую форму.

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 работает для меня.

Надеюсь, что эта помощь!