Question

我想删除角度材质对话框中的按钮。

我无法使用css和jquery隐藏，因为类名是由角js生成的，它会隐藏其他对话框弹出窗口中的按钮。

附加代码

＆＃13;

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 = '';
      });
      };
    })

＆＃13;

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

＆＃13;

Answer 1

Angular Material有一组您可以使用的对话框，cofirm dialog就是其中之一，但如果您不需要确认或取消按钮，则可以使用alert dialog。正如@Maxim Shoustin所说，你需要至少一个按钮，但你可以尝试将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)
    );

Answer 2

我建议您创建自己的自定义对话框，您将拥有所请求的控件。

如何删除角度js确认对话框弹出窗口中的按钮？

2 个答案: