Я использую 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) без каких-либо объяснений, что делает счетчик невидимым.
Есть идеи, почему это происходит и как это можно решить?