angular2-formbuilder

I am wondering if there is a Validator that compares two different values from the same form - lets say I have the following: this.loginForm = fb.group({ email: ["", Validators.required], password: ["", Validators.required], repeatPassword: ["", Validators.required] }); I found this in documentation, however it wasn't very helpful. Any ideas? Thierry Templier You need to assign a validator to a complete form group to implement this. Something like that: this.form = fb.group({ name: ['', Validators.required], email: ['', Validators.required] matchingPassword: fb.group({ password: ['',

I am using FormGroup , FormBuilder and Validators class to validate a form in Angular2 app. This is how I am defining the required validation rules for email and password validation:- export class LoginComponent implements OnInit { loginFormGroup:FormGroup; adminLoginmodel = new Admin('', '', '', 'Emailsss','Passwordsss'); constructor( private route: ActivatedRoute, private router: Router, private _adminLogin: AdminLoginService, fb: FormBuilder ){ this.loginFormGroup = fb.group({ 'email' : [null, Validators.compose([Validators.required, Validators.email])], 'password': [null, Validators

The SO question below helped me setup a formbuilder, proper validation, and a dynamic set of input fields from a formBuilder Array. How to assign and validate arrays to forms in Angular2 Note this solution code http://plnkr.co/edit/YoqdBEo0MihaxdhHH1FV?p=preview Everything works great on a new form, but I get stuck when trying to populate said form from the database. I'm using the following code and initialValue has multiple emails saved from this form in a previous transaction. All my other form fields work perfectly. I'm just not sure how to operate on an array. ngOnChanges(changes:

I'm new in Angular 2 framework. I appreciate any help. I have usual component in angular 2: import {FORM_DIRECTIVES, FormBuilder, Validators} from 'angular2/common'; export class TestComponent { public values = ['value1', 'value2', 'value3', 'value4']; } Then I'm injecting FormBuilder into the constructor function: @Inject(FormBuilder) public fb HTML contain next markup: <input [(ngModel)]="formData.title" type="text" class="form-control" ngControl="title"> Title and description works great. But I've added bootstrap dropdown and it has no any form element . <div *ngFor="#value of values"

I need to set a value in a nested control in a FormBuiler and the model is the following: this.addAccForm = this.fb.group({ accid: ['', Validators.required], status: '', cyc: this.fb.array([ this.initCyc(), ]) }) initCyc() { return this.fb.group({ cycid: ['', Validators.required], name: ['', Validators.required], description: ['', Validators.required], status: ['', Validators.required], det: this.fb.group({ dcycid: ['', Validators.required], status: ['', Validators.required] }) }) I need to set a value cycid and also dcycid but I m stuck to it, I've tried to use the following line , but it

I have a list of business units that are rendered as checkboxes on a registration form along with a textbox field and am doing validation. <label for="inputFirstName" class="sr-only">First name</label> <input type="text" formControlName="firstName" class="form-control" placeholder="First name"> <div class="checkbox" *ngFor="let bu of businessUnits"> <label><input type="checkbox" #instance value="{{bu.BuName}}" (click)="getCheckBoxValue(instance.checked, bu.BuName)">{{bu.BuName}}</label> </div> The list of business units are retrieved from a database table and it is rendered when the form loads

I want to get one of my forms ("family") value if changed by subscribe but it seems something wrong, because I got nothing on my console's log. import { Component , AfterViewInit } from '@angular/core'; import {FormGroup,FormBuilder} from '@angular/forms'; import {Observable} from 'rxjs/Rx'; @Component({ selector: 'app-root', template: `<h1>Hello World!</h1> <form [formGroup]="frm1"> <input type="text" formControlName="name" > <input type="text" formControlName="family"> </form> `, }) export class AppComponent implements AfterViewInit{ frm1 : FormGroup; constructor( fb:FormBuilder){ this.frm1