文章/答案/技术大牛

发布

社区首页 >问答首页 >如何删除angular js确认对话框中的按钮？

问如何删除angular js确认对话框中的按钮？
EN

Stack Overflow用户

提问于 2017-10-01 22:27:26

回答 2查看 1.3K关注 0票数 1

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

我不能隐藏使用css和jquery，因为类名是由angular 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>

angularjs

web

mean-stack

mddialog

javascript

回答 2

Stack Overflow用户

发布于 2017-10-04 12:10:46

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

票数 1

Stack Overflow用户

发布于 2017-10-01 23:44:41

我建议创建您自己的自定义Dialog，在其中您将拥有所请求的控件。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46513354

复制

相似问题

问如何删除angular js确认对话框中的按钮？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除angular js确认对话框中的按钮？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除angular js确认对话框中的按钮？
EN