angular2-formbuilder | 易学教程

Reactive Forms - mark fields as touched

阅读更多关于 Reactive Forms - mark fields as touched

I am having trouble finding out how to mark all form's fields as touched. The main problem is that if I do not touch fields and try to submit form - validation error in not shown up. I have placeholder for that piece of code in my controller. My idea is simple: user clicks submit button all fields marks as touched error formatter reruns and displays validation errors If anyone have other idea how to show errors on submit, without implementing new method - please share them. Thanks! My simplified form: <form class="form-horizontal" [formGroup]="form" (ngSubmit)="onSubmit(form.value)"> <input

What is the difference between formControlName and FormControl?

阅读更多关于 What is the difference between formControlName and FormControl?

I'm using ReactiveFormsModule of Angular2 to create a component that contains a form. Here is my code: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (with [formControl] ): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="gender" checked="" tabindex="0" class=

formGroup expects a FormGroup instance

阅读更多关于 formGroup expects a FormGroup instance

I have an Angular 2 RC4 basic form example on Plunkr that appears to throw the following error (In Chrome DEV console) Here's the plunkr https://plnkr.co/edit/GtPDxw?p=preview Error: browser_adapter.ts:82 EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./App class App - inline template:1:7 ORIGINAL EXCEPTION: formGroup expects a FormGroup instance. Please pass one in. Example: <form [formGroup]="myFormGroup"> ORIGINAL STACKTRACE: Error: formGroup expects a FormGroup instance. Please pass one in. Example: <form [formGroup]="myFormGroup"> at new BaseException (https://npmcdn.com/

ngModel cannot be used to register form controls with a parent formGroup directive

阅读更多关于 ngModel cannot be used to register form controls with a parent formGroup directive

问题 After upgrading to RC5 we began getting this error: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions: Example: <div [formGroup]=

Reactive Forms - mark fields as touched

阅读更多关于 Reactive Forms - mark fields as touched

问题 I am having trouble finding out how to mark all form's fields as touched. The main problem is that if I do not touch fields and try to submit form - validation error in not shown up. I have placeholder for that piece of code in my controller. My idea is simple: user clicks submit button all fields marks as touched error formatter reruns and displays validation errors If anyone have other idea how to show errors on submit, without implementing new method - please share them. Thanks! My

What is the difference between formControlName and FormControl?

阅读更多关于 What is the difference between formControlName and FormControl?

问题 I'm using ReactiveFormsModule of Angular2 to create a component that contains a form. Here is my code: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (with [formControl] ): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class=