1

我有一个属性组件和一个地址组件。每个属性都有一个实际地址和帐单地址。在属性模板中创建我拥有的新属性

<property>
property fields like name etc.. with required attribute
<address></address> (for physical address) - has required attributes as well
<address></address> (for billing address) - has required attributes as well
</property>

属性中的保存按钮有一个 form.valid 检查以验证是否输入了所有必填字段。在上述情况下，一旦输入了所有必需的属性字段，就会启用保存按钮，它会忽略地址组件。我们如何使用地址组件验证整个表单？

使用版本：angular2.0 (beta0)

我们希望只有在填写完所有必填字段后才启用提交按钮。这是 plunker 链接：http ://plnkr.co/edit/scq69cH3mjXrjFZn7pPp?p=preview

4

1 回答 1

1

您可以通过使用在模板中的地址组件上设置的本地模板变量来做到这一点：

<address #adress></address>

然后，您可以使用此变量访问地址组件

<input type="submit" [disabled]="!parent.form.valid||!adress.childForm.valid" value="submit" class="btn btn-success" />

我已经更新了你的 plunkr：http ://plnkr.co/edit/gSASvPwLVVW4ImQOXKWP?p=preview

于 2015-12-18T16:43:41.900 回答