Как изменить свойство текста в сладких оповещениях в angular?

Ниже моя функция, и я получаю значение в качестве параметра.

На основе значения, в котором мне нужно показать пользовательский текст. Ниже приведен мой код.

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

angular sweetalert2 sweetalert
person Jignesh Mistry    schedule 22.06.2018    source источник
comment
Проверьте мой ответ   -  person Niladri    schedule 24.06.2018

Ответы (1)


arrow_upward
2
arrow_downward

Если вы используете sweetalert2, то в вашем коде есть некоторые проблемы. Действие кнопки отмены сладкого оповещения не работает должным образом, вам необходимо изменить его, как показано ниже. Также вы можете сохранить значение пользовательского текста в переменной в зависимости от значения, переданного из функции, как показано ниже.

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/[email protected]/dist/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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/

person Niladri    schedule 24.06.2018