Typescript catch bootstrap 4 模态打开事件

Question

我正在尝试在引导模型打开时执行一些代码，但我尝试的一切都不起作用。 模态：

<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")
    });
  }

我看过但没用的其他问题：

Hook to bootstrap 4 modal show / hide events from Typescript

Capture close event on Bootstrap Modal

Calling a function on bootstrap modal open

Answer 1

使用带有角度指令的 Hostlistener。

关注article

Stackblitz example