Angularjs-如何检查父表单中的子表单有效性

Question

我使用了ui.router和嵌套的ui-views，我想检查内部表单的有效性，以启用用于多个嵌套视图的公共按钮。

请帮帮我

Answer 1

在父控制器中设置变量。直接从子控制器使用它。例如，

$scope.childFormValid = false; // this should be in parent controller.

现在，在子控制器中，

$scope.childFormValid = true; // this sets the value of parent scope variable.

父视图变量始终可以在子视图中访问。但不是在州。

Answer 2

考虑到每个标签的ui-view html，你有以下html结构，其中为UI Elements设置了required属性：

<ng-form name='tab1-N'>...</ng-form>

假设您的父html包含公共save all按钮，其html结构低于

<ng-form name='parentForm'>..</ng-form>

然后，您只需在全部保存按钮中添加ng-disabled属性，因为所有标签验证都会间接设置父表单的有效性：

<input type='button' ng-disabled='!parentForm.$valid'....