angular - 来自通信或关系或验证的父表单子

Question

我认为这个问题已经用复杂的术语提出了。但我试图在这里让它变得简单。

我有一个具有表单标签和提交按钮的父组件。它有一个带有表单标签和按钮输入的子组件。 required field

现在假设我想输入可以正常工作custom validation的输入字段entered letters must be uppercase。简而言之，这两个验证在子 cmp 中都可以正常工作。

如何启用父母的提交按钮，
或者
如何使父表单有效，

if child form is valid?

如果我有更多的嵌套表格，也可以考虑！

ANGULAR2中父母的形式和孩子的形式之间有什么关系吗？？？

score 0 · Accepted Answer

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

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

对于更复杂的用例，我建议使用全局应用程序状态来保存表单状态/值，然后可以从应用程序中的任何位置访问它们。这是一个使用@ngrx/store: gist的示例。

1 回答 1