角反应形式自定义验证

时间:2019-09-12 05:38:24

标签: forms angular5 angular2-forms reactive

我正在尝试进行反应式表单自定义验证,从多组输入(文本框,单选按钮,选择)中,当填写或输入任何两个输入字段时,使用true验证表单。

1 个答案:

答案 0 :(得分:1)

对于表单中的自定义验证,您可以通过检查条件条件中的表单控件值来设置标志,并使用该标志在HTML中显示消息。

示例:

在TS文件中:

flag:boolean;
if(this.demoForm.value.phone && this.demoForm.value.pin){
   this.flag=false;
}else{
   this.flag=true
}

在HTML文件中:

<span *ngIf='flag'>Your form is invalid</span>