带有保存按钮验证的ngform表格不能正常工作angular.js

时间:2015-06-03 03:18:39

标签: angularjs angularjs-scope angularjs-ng-repeat angular-validation angularjs-ng-form

我有一个动态生成字段的表单,我正在使用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

0 个答案:

没有答案