Modal Popup öffnet sich, auch wenn die Schaltfläche in angularjs deaktiviert ist

Question

Ich habe ein Bootstrap modales Popup-Formular, das per Klick in AngularJS geöffnet wird, frage ich mich, wie es immer noch angezeigt wird, selbst wenn eine Schaltfläche disabled ist.

bitte einen Blick Button-Code nehmen unter:

<a class="btn btn-sm btn-info" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="!ItemName || ItemDescription"> 
    Submit 
</a> 

I unten Modell Pop-up-Code haben:

<div id="modal-form-submit" class="modal"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="blue bigger"> DEMO MODEL FORM </h4> 
       </div> 
       <div class="modal-body"> 
        <div class="row"> 
         <div class="col-sm-12 col-xs-12"> 
          <div class="form-group"> 
           <label class="control-label" for="toitems">To:</label> 
           <div class="tags full-width"> 
            <span class="tag" ng-repeat="tag in tags">{{ tag.Description }}</span> 
           </div> 
          </div> 
         </div> 
        </div>       
       </div> 
       <hr /> 
       <div class="modal-footer"> 
        <button class="btn btn-sm" data-dismiss="modal"> 
         <i class="ace-icon fa fa-times"></i> 
         Cancel 
        </button> 
        <button class="btn btn-sm btn-primary " ng-disabled="!ItemCode || !ItemDescription" 
          ng-click="SaveEntireFormData()" type="button"> 
         <i class="ace-icon fa fa-check"></i> 
         Confirm 
        </button> 
       </div> 
      </div> 
     </div> 
    </div> 

Ich will nicht die jquery js verwenden, ich möchte wirklich dieses Problem zu beheben mit eckigen js.

Answer 1

Fügen Sie einfach deaktiviert zu Ihrem Anker-Tag Klasse

<a class="btn btn-sm btn-info disabled" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="ItemName || ItemDescription"> 

Answer 2

Das disabled Attribut funktioniert nicht für anchor Tags. Sie sind für Tags wie button gebaut, fieldset usw.

Betrachten Sie diese CSS Hinzufügen dieses Problem zu beheben:

a[disabled] { 
    pointer-events: none; 
} 

Answer 3

Ich tat dies und seine Arbeit perfekt.

<a class="btn btn-sm btn-info" ng-class="{'disabled':(!ItemName || !ItemDescription)}" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false"> 

Answer 4

versuchen, diese

ng-disabled="(!ItemName) || (ItemDescription) " 

wenn möglich plz sagen, was ItemName und ItemDescription ist.

daran erinnern, dass in AngularJS, wenn Sie ein beliebiges Feld deaktivieren möchten Sie haben diese in AngularJS

ng-disabled = 'true' ;