如何在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文件