Angular 反应式表单自定义验证

【问题标题】：Angular reactive form custom validationAngular 反应式表单自定义验证
【发布时间】：2020-01-13 22:55:27
【问题描述】：

我正在尝试进行反应式表单自定义验证，从多组输入 [文本框、单选按钮、选择] 中，当填写或输入任何两个输入字段时，表单会被验证为 true。

【问题讨论】：

【解决方案1】：

对于表单中的自定义验证，您可以通过检查 if 条件中的表单控件值来设置标志，并使用该标志在 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>

【讨论】：