angularjs中其他表单中的表单组件

Question

我的componentA外形很大

有时在componentA内，我称为componentB。

componentB包含一些东西，还有一个表格。

当我提交componentA表单时，我也会提交componentB表单。

我可以在那里检查错误和无效/必需的输入，但是，如果componentA表单或componentB表单具有无效值，我希望禁用该按钮以发送表单。

我该如何实现？我在组件之间有一个联系，所以我要在组件A上检查一个“无效”功能吗？

Answer 1

您是否使用输入和输出注释传递数据和标志来禁用和启用按钮以及获取值？

如果是，则可以在逻辑的最后一步中创建一个提交按钮，并共享相关的全局对象。  我建议您将逻辑放在一个组件中。

Answer 2

也许您可以使用一种HTML形式：

<form name="myForm">
  <componentA>
    <componentB></componentB>
 </componentA>
</form>