Как удалить кнопки в угловых JS подтвердить всплывающее диалоговое окно?

Я хочу удалить кнопки в диалоговом окне угловой материал.

Я не могу скрыть использование css и jquery, потому что имя класса генерируется угловым js, который будет скрывать кнопки и в других диалоговых окнах.

код прилагается

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>

Источник

2 ответа

Angular Material имеет набор диалогов, которые вы можете использовать, cofirm dialog является одним из них, но если вам не нужна кнопка подтверждения или отмены, вы можете использовать alert dialog, Как говорит @Maxim Shoustin, вам нужна хотя бы одна кнопка, но вы можете попытаться оставить ok(' ') с пустой строкой.

Угловой Материал Модалов

$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)
    );
Источник

Я рекомендую создать свой собственный диалог, где у вас будет запрошенный элемент управления.

Источник
Другие вопросы по тегам