Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-24 08:54:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(register): add angular 2 form logic

Browse source
This commit is contained in:
nixa 2016-06-16 12:50:49 +03:00
parent 2ba18109cd
commit 1a2512daaf
6 changed files with 84 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/app/pages/register/register.component.ts
View file

@ -1,8 +1,9 @@
import {Component, ViewEncapsulation} from '@angular/core';
import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, AbstractControl} from '@angular/common';
import {EmailValidator, EqualPasswordsValidator} from '../../theme/validators';
@Component({
selector: 'login',
selector: 'register',
encapsulation: ViewEncapsulation.None,
directives: [],
styles: [require('./register.scss')],
@ -10,9 +11,38 @@ import {Component, ViewEncapsulation} from '@angular/core';
})
export class Register {
constructor() {
public form:ControlGroup;
public name:AbstractControl;
public email:AbstractControl;
public password:AbstractControl;
public repeatPassword:AbstractControl;
public passwords:ControlGroup;
public submitted:boolean = false;
constructor(fb:FormBuilder) {
this.form = fb.group({
'name': ['', Validators.compose([Validators.required, Validators.minLength(4)])],
'email': ['', Validators.compose([Validators.required, EmailValidator.validate])],
'passwords': fb.group({
'password': ['', Validators.compose([Validators.required, Validators.minLength(4)])],
'repeatPassword': ['', Validators.compose([Validators.required, Validators.minLength(4)])]
}, {validator: EqualPasswordsValidator.validate('password', 'repeatPassword')})
});
this.name = this.form.controls['name'];
this.email = this.form.controls['email'];
this.passwords = <ControlGroup> this.form.controls['passwords'];
this.password = this.passwords.controls['password'];
this.repeatPassword = this.passwords.controls['repeatPassword'];
}
ngOnInit() {
public onSubmit(values:Object):void {
this.submitted = true;
if (this.form.valid) {
// your code goes here
// console.log(values);
}
}
}