Sweet Alert не может добавить счетчик на Swal.update

Я использую sweet alert 2 с angular 9 ("sweetalert2": "^ 9.7.2" в моем package.json).

Я не могу добавить счетчик (загрузка gif) в Swal.update

На Swal.fire это было просто:

    Swal.fire({
      title: 'Iniciando...',
      allowOutsideClick: false,
      allowEscapeKey: false,
      allowEnterKey: false,

      onBeforeOpen: () => {
        Swal.showLoading();
      }
    });

После этого пожара я хочу обновить информацию об этом предупреждении, поскольку я обновляю его новой информацией, поступающей из бэкэнда.

Итак, я делаю что-то вроде этого:

 Swal.update({
          title: this.requestStatusPipe.transform(status),
          text: details
        });

Заголовок и текст обновляются каждую секунду.

Я пробовал добавить много вещей внутри обновления, чтобы показать счетчик, но не сработало. Например:

  onBeforeOpen: () => {
    Swal.showLoading();
  }

также использовал

onRender: () => {
        Swal.showLoading();
      }

И

        Swal.showLoading();

после Swal.update. Ничего не получилось.

Я прочитал все https://sweetalert2.github.io/ и ни одного примера этого.

Любая идея?


OBS (и обновление): я проверил элементы и теперь понимаю, что это связано с некоторыми проблемами стиля. Каким-то образом стиль прядильщика меняется с

<button type="button" class="swal2-confirm swal2-styled" aria-label="" disabled="" style="display: inline-block; border-left-color: rgb(48, 133, 214); border-right-color: rgb(48, 133, 214);">OK</button>

to

<button type="button" class="swal2-confirm swal2-styled" aria-label="" disabled="" style="display: inline-block; border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0);">OK</button>

Как любой может видеть, цвета границы автоматически меняются с rgb (48, 133, 214) на rgba (0, 0, 0, 0) без каких-либо объяснений, что делает счетчик невидимым.

Есть идеи, почему это происходит и как это можно решить?


person Ariel U    schedule 28.04.2020    source источник


Ответы (1)