I have created custom validator(cannotContainSpace) and want to use it template component(postmessage.component) but somehow validator cant see my custom validator class I've created.. here is the compiler message: 
usernamevalidator.ts
import {FormControl} from '@angular/forms'; export class UsernameValidator{ static cannotContainSpace(control:FormControl){ if(control.value.indexOf('')>=0) return { cannotContainSpace:true }; return null; } } postmessage.component.ts
import { Component } from '@angular/core'; import {FormControl,FormGroup,FormBuilder,Validators} from '@angular/forms'; import {UsernameValidator} from '../../validators/usernamevalidator'; @Component({ moduleId:module.id, selector: 'post-message', templateUrl: '../../templates/postmessage.component.html' }) export class PostComponent { form : FormGroup; constructor(fb:FormBuilder){ this.form = fb.group({ username:['', Validators.compose([Validators.required, Validators.cannotContainSpace])], email:['', Validators.required], message:['', Validators.required] }); } signup(){ console.log(this.form.value); } } 
