anglejsでボタンが無効になっていてもモーダルポップアップが開いています

Question

AnglesJSでボタンをクリックすると開くポップアップのBootstrapモーダルポップアップフォームがあります。ボタンがdisabledであってもどうして表示されているのでしょうか？

下記をご覧ボタンのコードをご利用ください。

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

を私はモデルのポップアップコードの下にあります。

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

を私はjqueryのJSを使用したくない、私は本当にこの問題を解決したいです角度jを使用します。

Answer 1

はちょうどあなたのアンカータグのクラス

<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

disabled属性はanchorタグでは動作しませんに無効に追加します。彼らは、など

fieldsetは、この問題を解決するために、このCSSを追加することを検討し、buttonのようなタグのために構築されています

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

Answer 3

私はこれをしなかったし、その作業完璧。

<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

プラザItemNameのとItemDescriptionが何であるかを伝えることができた場合、この

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

を試してみてください。

あなたはこの

ng-disabled = 'true' ;