我想删除 Angular Material 对话框中的按钮。
我无法使用 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>
最佳答案
Angular Material 有一组可供您使用的对话框,确认对话框
就是其中之一,但如果您不需要确认或取消按钮,则可以使用警报对话框
。正如 @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)
);
关于javascript - 如何删除 Angular js 确认对话框弹出窗口中的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46513354/