Angular 6 - Bootstrap - Как захватить событие закрытия модального диалога? - PullRequest
Новая
       9

Angular 6 - Bootstrap - Как захватить событие закрытия модального диалога?

0 голосов
/ 21 сентября 2018

Я хочу захватить событие закрытия модального диалогового окна начальной загрузки, чтобы выполнить некоторые задания, но не знаю, как это сделать.Моей первой мыслью было привязать событие к кнопкам, но это было немного неэффективно, так как диалоговое окно можно было закрыть, если щелкнуть за пределами диалогового окна.Я искал и собрал несколько решений, но некоторые не работали или не имели отношения к Angular 6. Надеюсь, кто-то здесь знает, как это сделать.Большое спасибо!

Вот мой модал: 

<div class="modal fade" id="listNamecardShare" tabindex="-1" role="dialog" aria-labelledby="listNamecardShareTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="listNamecardShareTitle">Select namecards to share</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      <div class="modal-body">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>Fullname</th>
              <th>Company</th>
              <th>Select</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of namecards">
              <td>{{ item.fullname }}</td>
              <td>{{ item.company }}</td>
              <td><input type="checkbox" [(ngModel)]="selected[namecards.indexOf(item)]"></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary fas fa-paper-plane" data-dismiss="modal" (click)="onClickSend()">&nbsp;Send</button>
      </div>
    </div>
  </div>
</div>
...