ng-disabled в Angular JS

У меня есть модальное всплывающее окно с несколькими обязательными полями.ng-disabled в Angular JS

<form name="myReferenceDataForm" role="form" ng-submit="AddNewGroupMembershipReferenceRecord()" style="margin: 10px"> 
     <div class="form-group row"> 
      <div style="padding-bottom:5px; padding-top:5px; "> 
        <label for="GroupCode" class="col-sm-4 form-control-label"> 
          Group Code <span class="requiredRed">*</span> 
        </label> 
        <div class="col-sm-8"> 
         <input ng-model="referenceAddRecord.groupCode" class="form-control" id="GroupCode" type="text"> 
        </div> 
      </div> 
     </div> 
     <div class="form-group row"> 
      <div style="padding-bottom:5px; padding-top:5px; "> 
       <label for="GroupName" class="col-sm-4 form-control-label"> 
        Group Name <span class="requiredRed">*</span> 
       </label> 
       <div class="col-sm-8"> 
        <input ng-model="referenceAddRecord.groupName" id="GroupName" class="form-control" type="text"> 
       </div> 
      </div> 
     </div> 
     <div class="form-group row"> 
      <label for="GroupType" class="col-sm-4 form-control-label">Group Type </label> 
      <div class="col-sm-8"> 
       <select name="selGroupType" id="selGroupType" class="form-control" ng-change="referenceAddRecord.populateGroupTypeDetails(selGroupType)" ng-options="groupType.value for groupType in referenceAddRecord.groupTypes track by groupType.id" ng-model="referenceAddRecord.groupType"></select> 
      </div> 
     </div>

Только выше 3 полей groupName , groupCode являются обязательными.

Если они существуют или не заполнены, я хочу, чтобы кнопка отправки на странице была отключена.

Итак, я сделал ...

 <input type="submit" class="btn btn-default pull-right" style="width:100px;" value="Submit" ng-disabled="!(referenceAddRecord.groupCode || referenceAddRecord.groupName)|| addReferenceDataGroupNameExists() || addReferenceDataGroupCodeExists()" />

Но это не работает. Даже только ошибка whether the fields are filled. Всякий раз, когда я вхожу только в одно поле, он становится включенным.

 <input type="submit" class="btn btn-default pull-right" style="width:100px;" value="Submit" ng-disabled="!(referenceAddRecord.groupCode || referenceAddRecord.groupName)" />

Что я здесь делаю неправильно?

источник

2016-07-20 StrugglingCoder

условие оператор должен быть && я думаю. – Sarathy

Вы хотите, чтобы 'disabled, если они ложные, тогда ему не нужно'! '. – Pureferret

Заканчивать этот plunker

<input type="submit" id="submit" ng-disabled="!(referenceAddRecord.groupName && referenceAddRecord.groupCode)" value="Submit" />

источник

2016-07-20 08:28:17 cheralathan

ng-disabled в Angular JS

ответ

Смежные вопросы