Swal show загрузка свойства HTML - PullRequest
Новая
       30

Swal show загрузка свойства HTML

0 голосов
/ 11 июля 2019

Я использую SWAL2 (Sweet Alert2), чтобы показать предупреждение, и я хочу показать счетчик хода загрузки, но для html нет документации, показывающей только счетчик загрузки. Существует свойство showLoaderOnConfirm, которое показывает загрузочный счетчик после нажатия кнопки подтверждения. Я просто хочу показывать загрузочный счетчик всякий раз, когда отображается предупреждение, и сделать это через HTML.

Это происходит примерно так, когда вы нажимаете на Lookup: https://sweetalert2.github.io/#ajax-request

<button mat-button type="button" [disabled]="paymentModeForm.get('endpoint').value == ''" (click)="testConn.show()" color="primary">
        <mat-icon matPrefix>power</mat-icon>
        <span i18n="@@testConnButton">Test Connection</span>
</button>
<swal #testConn title="Testing connection..." text="Checking the connection to {{paymentMode?.paymentMode}}" [showLoaderOnConfirm]="true"></swal>

С .TS я могу это сделать: 

  async testConnection(): Promise<void> {
    Swal.fire({
      title: 'Auto close alert!',
      timer: 3000,
      onBeforeOpen: () => {
        Swal.showLoading()
      }
    })
  }

Документы: https://sweetalert2.github.io/#frameworks-integrations

1 Ответ

0 голосов
/ 11 июля 2019

Вы можете использовать html-описания, доступные в "сладком оповещении", и показать там загрузочный gif. 

Swal.fire({
  title: 'Auto close alert!',
  timer: 3000,
  html:
    '<img src="https://media.giphy.com/media/xTk9ZvMnbIiIew7IpW/giphy.gif">'
  })
...