Angular 自定义验证器 @input答案

【问题标题】：Angular custom validator @inputAngular 自定义验证器 @input
【发布时间】：2018-05-23 02:15:32
【问题描述】：

Angular2 中有没有一种方法可以使用 @input 或任何其他技术将对象传递给自定义验证器？我必须将现有对象从包含验证器的父类传递给自定义验证器？如何实现它

【问题讨论】：

您到底想达到什么目的？将 ngModel 从父级发送给子级并在子级上使用验证器？看看这个线程stackoverflow.com/questions/41350584/…

标签： angular

【解决方案1】：

您可以在子节点中创建异步验证器，但您需要一个可以采用任意值而不是 AbstractControl 的验证器。您可以从父级传递此值，然后将其作为参数提供给此类验证器。

在 ngOnInit() 的应用程序组件中，我只是将文本传递给验证器函数 checkWorkAuthorizationV2(ssnValue)。如果需要，我可以传递任何对象。

【讨论】：

这与我想要的很接近。我在组件中有对象。如何将它绑定到表单控件？
你的@Input 应该是一个setter。如果对象属性代表所有表单控件，则使用 setValue()。要将选定的属性绑定到表单控件，请使用 patchValue()。