将ng-invalid类更新传播到子元素

Question

我已经构建了自定义表单控件，效果很好。然而，当我与内置的角度验证器挂钩时，我遇到了问题。我希望在验证失败时，angular应该将自定义组件的根目录中的所有元素设置为无效的最后一个子元素。但是我在下面面对这个问题

父控件显示ng-invalid，但是ng-untuched类。而输入显示ng-touching和ng-valid。

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

My Angular 2表单绑定如下

html

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

TS   phone：[null，Validators.compose（[Validators.required，Validators.minLength（10），Validators.maxLength（10）]）]，

有些人可以帮助我理解我在这里缺少的东西。