非法调用实例化 BS 模态

Question

我试图通过组件而不是使用它的 HTML 属性以角度调用引导模式。我收到一个错误（即非法调用）。

组件：

@ViewChild('myModal') div:any;

ngAfterViewInit() {let bs = new bootstrap.Modal(this.div);}

HTML

<div class="modal-content" #myModal>...</div>

Answer 1

您需要使用服务而不是创建它的实例。对代码进行这些更改：

import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';
...
...
@ViewChild('myModal') div:any;

constructor(private modalService: NgbModal )

ngAfterViewInit() {
     // make sure you get the instance of the child.
     this.modalService.open(this.div);  
}