我有一个动态生成字段的表单,我正在使用ng-form
。表单的输入字段为ng-repeat
,主表单中有一个'保存'按钮。
即当其中一个输入字段为脏且具有内容时,保存按钮应启用,否则应禁用。
这是我的HTML代码:
<form class="form-horizontal" name="$parent.fSForm" novalidate ">
<fieldset class="form-group pl-sm" ng-repeat="fs in list track by $index">
<ng-form name="innerForm">
<div class="col-md-5">
<input type="text" class="form-control" autocomplete="off" name="fsl" ng-change="fileChanged()" ng-model="fs.path" placeholder="Add new here">
</div>
</ng-form>
</fieldset>
<a class="prop-toggle ng-binding" href="" ng-click="addNew()">Add More</a>
</form>
</div>
<div class="footer">
<span>
<button type="button" class="btn" ng-click="close()">Cancel</button>
</span>
<span>
<button type="submit" class="btn btn-primary" ng-click="save()" ng-disabled="fSForm.$error.fooname">Save</button>
</span>
</div>
因此,当表单最初加载时,我的保存按钮是禁用,我应该如何验证ng-form
存在?当其中一个输入字段中包含一些文本时,应启用保存。我们不确定如何在表单保存按钮
ng-disabled
处理ng-form