2016-10-25 3 views
0

Друзья, у меня есть форма в угловом приложении 2. В компоненте я использую форму группы, как это:Angular2: Как создать состояние флажка в FormGroup?

this.formPersonalProfile = new FormGroup({ 
      private: new FormControl(false), 
}); 

В шаблоне этого компонента я описал флажок следующим образом:

<input type="checkbox" private="private" formControlName="private" class="form-check-input"> 

OK, после этого открыть этот шаблон в всплывающем окне с помощью ngbModal, и я что мой флажок снят. Но когда я пытаюсь увидеть FormGroup в консоли, я вижу, что это поле FormGroup равно null. Только если я установил флажок вручную, я получаю необходимое значение.

Могу ли я установить значение по умолчанию флажка через FormGroup?

ответ

1

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

Ваш вклад не может быть вложен в отмеченных formGroup как так

<form [formGroup]="formPersonalProfile"> 
    <input type="checkbox" private="private" formControlName="private" class="form-check-input" /> 
</form> 

И убедитесь, что вы импортируемый ReactiveFormsModule в модуле приложения

import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms" 

// later 
@NgModule({ 
imports: [ BrowserModule, ReactiveFormsModule ], 

Вот рабочий Plunker, который должен дать вам желаемое поведение: http://plnkr.co/edit/ryQ3G5p165XaXzJHcxUv?p=preview

+0

Спасибо, это работает –

Смежные вопросы