我认为这个问题已经用复杂的术语提出来了。但我在这里试图简化。
我有一个父组件,其中包含 表单标记&提交按钮 。它有一个子组件,输入 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
中,父母的形式与儿童的形式之间是否有任何关系?
答案 0 :(得分:0)
您可以在valueChanges
时发出子表单状态,并向父表单添加一些逻辑以检查:
<child (valid)="childValid($event)"></child>
对于更复杂的用例,我建议使用全局应用状态来保存表单状态/值,然后可以从应用程序的任何位置访问。以下是使用@ngrx/store
:gist。