代码之家 › 专栏 › 技术社区 › ThatTechGuy

关闭禁用形状控件的验证角度

angularjs javascript

ThatTechGuy · 技术社区 · 11 年前

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

<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>

现在我已经看到了一些完成任务的非常强烈的指令,但是控制器中有什么简单的方法可以克服这种特定的情况吗?

1 回复 | 直到 11 年前

Î©megaMan 9 年前

您可以使用例如。 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

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前