angular - Angular 2 模板驱动的表单验证 - 嵌套子组件层次结构

Question

我有一个包含子组件的模板驱动表单

<form>
   <child-comp [(model)]="model.Property" ngModel ngDefaultControl required></child-comp>
</form>

子组件还包含第二个子组件：

<div class="row">
   <child-comp2 [(model)]="model.Property1" ngModel ngDefaultControl required></child-comp2>
   <input name="mobile" type="text" [(ngModel)]="model.Mobile" required>
</div>

子组件 2

<div class="row">
  <input name="name" type="text" [(ngModel)]="model.name" required>
</div>

如果我不填写名称输入，则提交表单上的有效为真，但是当我输入它然后删除验证工作时，isvalid 为假。

如何验证层次结构组件输入？

谢谢