Typescript catch bootstrap 4 модальное открытое событие

Question

Я пытаюсь выполнить некоторый код, когда открывается модель bootstrap, но все, что я пытаюсь, не работает. Модальные:

<div class="modal fade" id="mobileModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true" data-keyboard="false" data-backdrop="static" >

Машинопись:

@ViewChild('mobileModal') mobileModal: ElementRef;

ngAfterViewInit() {
    $(this.mobileModal.nativeElement).on('hidden.bs.modal', () => {
      console.log("TESTTESTTEST")
    });
    $(this.mobileModal.nativeElement).on('shown.bs.modal', () => {
      console.log("TESTTESTTEST")
    });
    $("#mobileModal").on('shown', function () {
      console.log("TESTTESTTEST")
    });
  }

Другие вопросы, на которые я смотрел, но они не работали:

Привязка к bootstrap 4 модальное шоу / скрыть события из Typescript

Событие закрытия захвата при Bootstrap Модальное

Вызов функции при bootstrap открытии модального режима

Answer 1

Используйте Hostlistener с директивой angular.

Следуйте этому статье

Пример Stackblitz