AngularJS。以兄弟形式访问表单验证

时间:2015-07-24 15:13:33

标签: angularjs

我有两种形式:

<div ui-view="form1">
    <form name=form1> </form>
</div>

<form name=form2> </form>

如何以第二种形式访问第一个表单(在子范围内)的验证状态?例如,我需要停用&#39;提交&#39;如果第一个表单是$ invalid,则为第二个表单的按钮。

由于

1 个答案:

答案 0 :(得分:1)

这应该可以解决问题:

JSFiddle

<form name="form1">
    <input type="text" ng-model="firstname" required />
</form>
<form name="form2">
    <button type="submit" ng-disabled="form1.$invalid">Save</button>
</form>

请查看FormController及其可用于检查输入/表单状态(脏,原始,有效等等)的属性。