使用角度6的viewchild打开bootstrap 3.3.7 modal

Question

我在component.html中具有如下所示的引导程序模式

<div #myModall  class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

我正在按以下方式访问它component.ts。

 export class Component implements OnInit, AfterViewInit {
      @ViewChild('myModall') myModall: ElementRef;
  ngAfterViewInit() {

    this.myModall.nativeElement.modal('show');

  }
}

我已经按照此链接中的引导程序3.3.7文档访问了它 https://getbootstrap.com/docs/3.3/javascript/#modals 现在我得到如下错误。 this.myModall.nativeElement.modal不是函数。 有关如何从打字稿文件访问模态并以正确方式进行操作的任何建议？???