Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular5中将自定义错误绑定到模板驱动的表单输入字段_Angular_Typescript_Angular5 - Fatal编程技术网

如何在angular5中将自定义错误绑定到模板驱动的表单输入字段

如何在angular5中将自定义错误绑定到模板驱动的表单输入字段,angular,typescript,angular5,Angular,Typescript,Angular5,对于模型驱动表单或反应式表单,我们可以将自定义错误绑定到输入字段,如下所示: 组件中: sampleForm.controls[“formControlName”].setErrors({'error':true}) 我的问题是,在模板驱动表单的情况下,我们如何做同样的事情?在这种情况下,您可以使用查看子项在组件后端模型中获取ngForm的实例,然后向其添加所有验证和错误 像这样的 f: NgForm; // f is nothing but the template reference of

对于模型驱动表单或反应式表单,我们可以将自定义错误绑定到输入字段,如下所示:

组件中:

sampleForm.controls[“formControlName”].setErrors({'error':true})


我的问题是,在模板驱动表单的情况下,我们如何做同样的事情?

在这种情况下,您可以使用
查看子项
在组件后端模型中获取
ngForm
的实例,然后向其添加所有验证和错误

像这样的

f: NgForm; // f is nothing but the template reference of the Template Driven Form
@ViewChild('f') currentForm: NgForm;
currentForm.form.controls["formControlName"].setErrors({ 'incorrect': true });
有关更多详细信息,请查看我为此类场景创建的ts文件