在 angular2 中添加自定义验证器

Question

我已经创建了自定义验证器（cannotContainSpace）并想使用它模板组件（postmessage.component）但是不知何故验证器看不到我创建的自定义验证器class..这是编译器信息：

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);
    }
 }

Answer 1

username:['', Validators.compose([Validators.required, Validators.cannotContainSpace])],

应该是

username:['', Validators.compose([Validators.required, UsernameValidator.cannotContainSpace])],

Validators class 仅提供在 Validators class.

中定义的验证器

在 angular2 中添加自定义验证器

adding custom validators in angular2

angular2-forms

angular