首页 > 解决方案 > 如何从Angular中的自定义验证器将数据返回到模板

问题描述

在 Angular 中创建自定义验证器时,我们必须在发现错误时返回一个 javascript 对象(具有真值)(至少这是我在官方文档中读到的)。

validate(formControl: FormControl) {
   if(error){
      return {"errorCode" : true};
   }
   return null;
}

我想知道将数据返回到模板的正确方法是什么。我可以将布尔值 (true) 替换为另一个包含我要发送到模板的数据的对象吗?下面的代码正确吗?我在官方文档上找不到官方的“答案”

  validate(formControl: FormControl) {
       if(error){
          return {"errorCode" : {
                                 "data1" : "I'm the data"
                                }
                 };
       }
      return null;
    }

 <input type="text" #name="ngModel" >
 <div *ngIf="name.errors.errorCode">
     The data: {{name.errors.errorCode.data1}}
 </div>

标签: angularangular-validation

解决方案


推荐阅读