validation
import { Component } from '@angular/core';
import { REACTIVE_FORM_DIRECTIVES, FormGroup, FormControl }
from '@angular/forms';
@Component({
... ,
directives: [REACTIVE_FORM_DIRECTIVES]
})
export class DemoTemplateFormComponent {
userNameControl = new FormControl();
userEmailControl = new FormControl(
'
[email protected]',
[Validators.required, Validators.pattern('.+@.+')]
);
userDetailsGroup = new FormGroup({
userName: this.userNameControl,
userEmail: this.userEmailControl
});
userForm = new FormGroup({
userDetails: this.userDetailsGroup
});