通过angular2 api控件类,我看到了
minLength(minLength: number) : Function
我明白这个功能是做什么的。
我想知道如果在验证失败时出现问题的说明不能放在函数中。
例如,我想知道函数是否不能
minLength(minLength: number, description: string) : Function
描述描述错误的原因如下所示
Control firstCtrl = new Control( '', Validators.minLength(2, description: 'Minium of two characters required) );
我无法在API中找到任何类似的验证器。如果存在,我会很高兴如果可以共享链接/解释。
期待看到您的反馈。
答案 0 :(得分:2)
没有builtin Validators为错误说明提供额外参数。但为此你可以写自己的。
我们以内置minLength
验证器为例。我们添加了一个名为 desc 的第二个参数,它将保存自定义错误消息。
class CustomValidators {
static minLengthWithDescription(minLength: number, desc: string): Function {
return (control: modelModule.Control): {[key: string]: any} => {
return v.length < minLength ?
{"minlength": {
"requiredLength": minLength,
"actualLength": v.length,
"desc": desc // Here we pass our custom error message
}
} : null;
};
}
}
如你所见,我们几乎没有碰过原来的那个。现在就像在查看错误消息时查看我们的视图一样简单
<form [ngFormModel]="myForm">
<p>
Year: <input ngControl="year">
// We use the Elvis operator to check if the error exists or not
// if exists it will print the error message
{{myForm.controls.year.getError('minlength')?.desc}}
</p>
</form>
最后我们设置了要显示的错误消息
export class App {
year: Control = new Control('',
CustomValidators.minLengthWithDescription(4, 'Wrong ammount of numbers'));
}
这是一个plnkr,示例有效。