2016-07-20 12 views
0

私はいくつかの必須フィールドを持つモーダルポップアップを持っています。Angular JSのng-disabled

<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()" /> 

をしました。しかし、それが機能していません。 Evenチェックが失敗したのはwhether the fields are filledのみです。 1つのフィールドだけを入力すると、有効になります。

私はここで間違っていますか?

+1

を確認し、条件演算子は、私は推測&&でなければなりません。 – Sarathy

+0

あなたは 'どちらかが偽であれば無効になります.'それから'! 'は必要ないはずです。 – Pureferret

答えて

2

このplunker

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