angular2 - 如何将 md-error 与自定义验证器一起使用
angular2 - How to I use md-error with a custom validator
如何将 md-error 与自定义验证器一起使用?必需的作品..太棒了!但是我的自定义验证器呢?
<md-input-container>
<input mdInput formControlName="etr" >
<md-error *ngIf="WHAT!!!!!!!!!!!!!!!!!!!">
ETR must be >=0 or <1
</md-error>
<md-error *ngIf="myForm.controls['etr'].hasError('required')">
<strong>required</strong>
</md-error>
</md-input-container>
这是我的类型脚本:
this.myForm = fb.group({
etr: [,[Validators.required,ModelValidators.validEtr]],
})
我确实显示了错误下划线,但我该如何显示消息?
我试过了但是没有用:
*ngIf="myForm.controls['etr'].hasError('validEtr')"
下面是我的validator.ts文件
import { FormControl } from '@angular/forms';
export class ModelValidators{
static validEtr(control: FormControl){
var valid: any;
valid=null;
if (control.value>=0 && control.value<1){
valid = true;
}
return valid ? null : { validLambda: true };
}
}
validLambda
是验证失败时自定义验证器返回的错误类型。
所以解决方法如下:
*ngIf="myForm.controls['etr'].hasError('validLambda')"
如何将 md-error 与自定义验证器一起使用?必需的作品..太棒了!但是我的自定义验证器呢?
<md-input-container>
<input mdInput formControlName="etr" >
<md-error *ngIf="WHAT!!!!!!!!!!!!!!!!!!!">
ETR must be >=0 or <1
</md-error>
<md-error *ngIf="myForm.controls['etr'].hasError('required')">
<strong>required</strong>
</md-error>
</md-input-container>
这是我的类型脚本:
this.myForm = fb.group({
etr: [,[Validators.required,ModelValidators.validEtr]],
})
我确实显示了错误下划线,但我该如何显示消息?
我试过了但是没有用:
*ngIf="myForm.controls['etr'].hasError('validEtr')"
下面是我的validator.ts文件
import { FormControl } from '@angular/forms';
export class ModelValidators{
static validEtr(control: FormControl){
var valid: any;
valid=null;
if (control.value>=0 && control.value<1){
valid = true;
}
return valid ? null : { validLambda: true };
}
}
validLambda
是验证失败时自定义验证器返回的错误类型。
所以解决方法如下:
*ngIf="myForm.controls['etr'].hasError('validLambda')"