Angular 将无效的类更新传播到子元素

我已经建立了自定义表单控件，效果很好。然而，当我把它与内置的角度验证器连接起来时，我面临着一些问题。我希望当验证失败时，angular应该将从自定义组件根到最后一个子元素的所有元素设置为无效。然而，我在下面面对这个问题

父控件显示ng无效，但未触及类ng。而输入显示ng触碰和ng有效

我需要的是输入元素在验证失败时设置ng invalid

我的有角度的两种形式的装订如下

html

ts 电话：[null，Validators.compose（[Validators.required，Validators.minLength（10），Validators.maxLength（10）]）

---

有人能帮我理解我在这里遗漏了什么吗

只是好奇，你们找到答案了吗？我所做的是实现我自己的类，根据结果进行验证错误。这是我能想到的最好的了你是说定制验证器？是的，定制验证器或定制表单组件。我建立了一个自定义表单组件，因为我需要它的SSN号。我检查了验证错误，然后在html中手动替换了自定义类

<phone-control [formControl]="form.controls['phone']" type="number"></phone-control>