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

时间:2017-07-19 08:38:36

标签: angular angular2-forms angular-validation

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

<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是假的。

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

由于

0 个答案:

没有答案