typescript - Etkileşime girmeden SweetAlert2 ile yükleniyor uyarısı göster

Şu anda elimde bu kod var:

swal({
     title: 'Loading cars from data base',
     showLoaderOnConfirm: true,
     preConfirm: () => {
       return this.carsSvc.getCars().then((cars: ICar[]) => {
               this.setData(cars);
               resolve();
            });
    }
});

Bu kod bir uyarı gösteriyor, 'onayla'ya basmam gerekiyor ve sonra bir yükleme simgesi gösteriyor ve yükleme tamamlandığında kapanıyor. Ben sadece bu işlemin son kısmını istiyorum, yani yüklemenin başlamadan önce onay vermek zorunda kalmak istemiyorum. Uyarı açıldığında yüklemenin başlamasını ve yükleme tamamlandığında otomatik olarak kapanmasını istiyorum. Bu, SweetAlert2 ile mümkün mü?

Cevap #1

bunu da kullanabilirsiniz

            Swal.fire({
                title: 'Please Wait !',
                html: 'data uploading',// add html attribute if you want or remove
                allowOutsideClick: false,
                onBeforeOpen: () => {
                    Swal.showLoading()
                },
            });

ve kapatmak için

swal.close();

Cevap #2

Bunu kullanmayı deneyebilirsin...

Swal.fire({
  title: 'Uploading...',
  html: 'Please wait...',
  allowEscapeKey: false,
  allowOutsideClick: false,
  didOpen: () => {
    Swal.showLoading()
  }
});

Cevap #3

Muhtemelen biraz geç ama bunu çözdüm. Şunu dene:

swal({
     title: 'Loading cars from data base'
});
swal.showLoading();

this.carsSvc.getCars().then((cars: ICar[]) => {
           swal.close();
           this.setData(cars);
           // show a new success swal here?
        });

Düğmeleri devre dışı bırakmak için swal.showLoading() yöntemini çağırmak istiyorsunuz. Ardından işlemi bitirmek için swal.close() yöntemini çağırabilirsiniz.

İlgili makaleler