角度jsのボタンを削除する方法ダイアログポップアップを確認しますか？

角度材質ダイアログボックスのボタンを削除したい。角度jsのボタンを削除する方法ダイアログポップアップを確認しますか？

他のダイアログポップアップのボタンも隠す角度jsによってクラス名が生成されるため、cssとjqueryを使用して非表示にすることはできません。

コードが

angular.module('app', ['angular.filter', 'ngMaterial', 'ngMessages']) 
 
.run(function($rootScope,$mdDialog) { 
 
     $rootScope.showConfirm = function(ev) { 
 
     var confirm = $mdDialog.confirm() 
 
      .title('processing payment') 
 
      .textContent('Please Wait... we are processing your payment.') 
 
      .ariaLabel('') 
 
      .targetEvent(ev) 
 
      .ok('Conform') 
 
      .cancel('Dont cancel'); 
 
      $mdDialog.show(confirm).then(function() { 
 
     $rootScope.status = ''; 
 
     }, function() { 
 
     $rootScope.status = ''; 
 
     }); 
 
     }; 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
 
    <script src="https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.5/angular-material.js"></script> 
 
    
 
    <body> 
 
<img src="images/bg-02.jpg" class="z-index-4" /> 
 

 

 

 
<div ng-app="app"> 
 
    <div class="container"> 
 
<a ng-click="showConfirm($event)" href="javascript:void()">open dialog</a> 
 

 
</div>

出典

2017-10-01 vishnu

は、なぜあなたは確認ダイアログのボタンを削除しますか？確認するには少なくとも1つのボタンが必要です –

私はKIOSKを注文する料理を開発しています。顧客が支払いボタンをクリックすると、管理者が現金を受け取って顧客にリダイレクトしていただき、ありがとうございます。 – vishnu

-1

を添付私はあなたが要求した制御を持つことになり、独自のカスタムダイアログを作成お勧めします。

出典

2017-10-01 15:44:41

角材には、使用できるダイアログセットがありますが、cofirm dialogの1つですが、ボタンを確認またはキャンセルする必要がない場合はalert dialogを使用できます。 @ Maxim Shoustinによると、少なくとも1つのボタンが必要ですが、ok(' ')を空の文字列にしておくとよいでしょう。

Angular Material Modals

$mdDialog.show(
     $mdDialog.alert() 
     .parent(angular.element(document.querySelector('#yourDialogEL'))) 
     .clickOutsideToClose(true) 
     .title('Dialog TItle') 
     .textContent('Content') 
     .ariaLabel('aria labels') 
     .ok('Got it!') 
     .targetEvent(ev) 
    );

出典

2017-10-04 04:10:45

角度jsのボタンを削除する方法ダイアログポップアップを確認しますか？

答えて

関連する問題