父母形式 - 来自沟通或关系或验证的孩子

时间:2016-03-08 06:09:31

标签: angular angular2-forms angular2-formbuilder

我认为这个问题已经用复杂的术语提出来了。但我在这里试图简化


我有一个父组件,其中包含 表单标记&提交按钮 。它有一个子组件输入 required field带有 表单标记&按钮

现在让我们说我想将 custom validation 添加到输入字段 < em> entered letters must be uppercase ,效果很好。简而言之,这两种验证在子cmp中都能正常工作。

你可以检查&amp;在这里玩 =&gt; https://plnkr.co/edit/0iMTib?p=preview

如何启用父提交按钮
如何使父表格有效,      

if child form is valid?

还考虑如果我有更多嵌套表单!

  

ANGULAR2

中,父母的形式与儿童的形式之间是否有任何关系?

1 个答案:

答案 0 :(得分:0)

您可以在valueChanges时发出子表单状态,并向父表单添加一些逻辑以检查:

<child (valid)="childValid($event)"></child>

对于更复杂的用例,我建议使用全局应用状态来保存表单状态/值,然后可以从应用程序的任何位置访问。以下是使用@ngrx/storegist

的示例