Question

我有一个设置为禁用的按钮，直到表单有效。但是，根据具体情况，某些表单字段也会被禁用。我的问题是，我需要用户只需要填写非禁用的表单字段，但角度似乎没有验证禁用的字段。

<button ng-click="form.checkVerify(); appCtrl.pageLoad('spec')" ng-disabled="checkVerifyForm.$invalid" class="btn btn-lg btn-success pull-right">Complete</button>

<form name="checkVerifyForm">
  <div class="col-md-6">
    <fieldset ng-disabled="!form.dataStore.reqMake">
<label for="makeRec">Maker Recourse</label>
      <div class="form-group">
        <label class="radio-inline">
          <input ng-change="form.justify()" ng-model="form.verify.mRec" type="radio" name="makeRec" id="makeRecYes" value="1" /> Yes
        </label>
        <label class="radio-inline">
          <input ng-change="form.justify()" ng-model="form.verify.mRec" type="radio" name="makeRec" id="makeRecNo" value="0" /> No
        </label>
        <span id="helpBlock" class="help-block">Is there adequete recourse...</span>
      </div>

现在我已经看到了一些非常激烈的指令来完成任务，但是有一些简单的东西可以在控制器中完成以克服这种特定的情况吗？

Answer 1

您可以使用例如ng-required实现这一目标。

<input ng-change="form.justify()" 
       ng-model="form.verify.mRec" 
       type="radio" 
       name="makeRec" 
       id="makeRecYes" 
       value="1" 
       ng-required="form.dataStore.reqMake" /> Yes

AngularJS input documentation

关闭已禁用的表单控件Angular的验证

1 个答案: