dimanche 1 octobre 2017

how to remove the buttons in angular js confirm dialog popup?

I want to remove the buttons in angular material dialog box.

I can't hide using css and jquery because class name is generated by angular js which will hide the buttons in other dialog popups also.

code attached

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="http://ift.tt/2nYZfvi"></script>
  <script src="http://ift.tt/1ZAn5pR"></script>
  <script src="http://ift.tt/2hFDijc"></script>
    <script src="http://ift.tt/2t0kSLb"></script>
     <script src="http://ift.tt/2t0vEBp"></script>
  <script src="http://ift.tt/2sqDkQm"></script>
  <script src="http://ift.tt/2hFDiQe"></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>



Aucun commentaire:

Enregistrer un commentaire