使用验证服务进行验证

Question

我有部分模型驱动，部分模板驱动形式，我想验证其中一个输入使用自定义逻辑。问题是，即使验证返回为有效，控件也处于无效状态。我做错了什么？

<span *ngIf="identityNumber.touched && !identityNumber.valid">invalid</span>

。。

this.form = this.formBuilder.group({
  identityNumber: ['', Validators.required, 
      ValidationService.validateIdentityNumber]
});

。。

public static validateIdentityNumber(control: Control) {
  let val: string = <string>control.value;
  if (val && val.length == 11) {
    return null;
  } else {
    return { "invalidIdentityNumber": true };
  }
}

http://plnkr.co/edit/1IY4iXEeQDXUanCOSCKX?p=preview

即使键入11个字符，它也显示为“无效”。

(我知道有一个长度验证器，这是为了样本)

Answer 1

如果希望传递多个验证器，请使用Validators.compose

identityNumber: ['', 
    Validators.compose([
        Validators.required, 
        ValidationService.validateIdentityNumber
    ])
]

(第三个参数用于异步验证器)