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>

这是一个工作的小提琴http://jsfiddle.net/zvseqond/1/

如何在角度甜蜜警报中更改text属性？

1 个答案: