как отобразить предупреждение, если условие проверено с помощью Sweetalert

Question

Я работаю с угловым приложением и хочу показать предупреждение, используя Sweetalert, если условие проверено, так как это сделать без нажатия кнопки

Я пытался сделать это, но не сделалне работает

<div *ngIf="Users.length == 0" [swal]="showSwal">
      <swal #showSwal 
        title=" No Data  " 
        text="No data To Show" 
        showCloseButton="true" 
        type="warning">
      </swal>
</div>

Как правило, подсластитель вызывает swal в кнопке, как этот Простой пример:

<swal
  #deleteSwal
  title="Delete {{ file.name }}?"
  text="This cannot be undone"
  type="question"
  [showCancelButton]="true"
  [focusCancel]="true"
  (confirm)="deleteFile(file)">
</swal>

With [swal]:
<button [swal]="deleteSwal">Delete {{ file.name }}</button>

В моем случае я хочу вызвать оповещение в div.

Спасибо

Answer 1

Судя по имени переменной «Пользователи», это может быть наблюдаемая или @Input (). Так что, если это наблюдаемое, напишите showSwal.fire () в его метод подписки. Если это @Input (), то вы можете написать это на хуке жизненного цикла ngOnChanges ().