如何更改 angular 中甜蜜警报的文本属性？

Question

下面是我的函数，我正在获取值作为参数。

基于我需要显示自定义文本的值。下面是我的代码。

buttonClicked(value) {
    console.log(value);
    swal({
      title: 'Are you sure?',
      text: 'ssss',
      type: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#DD6B55',
      confirmButtonText: 'Delete',
      // closeOnConfirm: true
    }).then((result) => {
      if (result === true) {
      }
    }, function (dismiss) { });
  }

Answer 1

如果您使用的是 sweetalert2，那么您的代码存在一些问题。 sweetalert 的取消按钮操作没有按预期工作，您需要像下面那样修改它。您还可以根据从函数传递的值将自定义文本的值存储在变量中，如下所示

function buttonClicked(value){
    console.log(value);
    var customText;
    if(value =='First button'){
      customText = "first button clicked";
    }
    else if(value =='Second button'){
     customText = "second button clicked";
    }
    
    swal({
      title: 'Are you sure?',
      text: customText,
      type: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#DD6B55',
      confirmButtonText: 'Delete',
    }).then((result) => {
      if (result.value) {
       alert("Deleted");
      }
    else if(result.dismiss == swal.DismissReason.cancel) { 
      alert('cancel');
    }
  });
 }

<link href="https://cdn.jsdelivr.net/npm/sweetalert2@7.24.1/dist/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.24.1/dist/sweetalert2.all.min.js"></script>
<button onclick="buttonClicked('First button')">
First button
</button> <br>

<button onclick="buttonClicked('Second button')">
Second button
</button>

这是一个有效的 fiddle http://jsfiddle.net/zvseqond/1/

如何更改 angular 中甜蜜警报的文本 属性？

How to change the text property on sweet alerts in angular?

sweetalert

angular

sweetalert2

如何更改 angular 中甜蜜警报的文本属性？