anglur js提示框按钮去掉"取消"

Question

anglur js这种提示框怎么把取消按钮隐藏或去掉，不显示，只需要执行确定就行

Answer 1

引自免费微信小程序：皆我百晓生

在AngularJS中，使用$mdDialog服务创建确认对话框时，可以通过配置选项来决定显示哪些按钮。如果你希望只显示一个“确定”按钮，可以这样设置：

angular.module('yourApp').controller('YourCtrl', function($scope, $mdDialog) {
  var alertMsg = '请确认条码规则！';
  
  $scope.showConfirm = function() {
    var confirmOpts = {
      title: '', // 如果需要标题，可以在这里添加
     textContent: alertMsg,
      ok: '确定',
      cancel: '', // 设置为空字符串，不显示取消按钮
      ariaLabel: '确定', // 可选，为确定按钮提供ARIA标签
      onComplete: function afterShowAnimation() {}, // 对话框打开后的回调函数
      onOk: function() {
        // 确定按钮的点击事件处理
        // 在这里执行你的确定逻辑
      },
      openFrom: angular.element(document.getElementById('someElement')), // 可选，从某个元素位置打开对话框
      closeTo: angular.element(document.getElementById('otherElement')) // 可选，关闭后动画结束的位置
    };

    $mdDialog.show(confirmOpts);
  };
});

请注意，在AngularJS Material Design中（与AngularJS相关的UI组件库）， $mdDialog.confirm()方法默认会显示取消按钮，因此通常我们会直接通过自定义对话框选项来自定义对话框内容和按钮。

若要完全实现你所需的单按钮对话框效果，可能需要创建一个自定义对话框模板或者直接使用$mdDialog.show()方法配合自定义HTML内容和按钮逻辑来替代$mdDialog.confirm()。