ng-bootstrap 模式没有出现

Question

在我的 Angular 5 应用程序中，我正在使用 ng-bootstrap，但它没有出现。我只是想用打字稿的正常方式打开它：

private modalRef: NgbModalRef;

constructor(private modalService: NgbModal) {}

openModal(content) {
    this.modalRef = this.modalService.open(content);
}

通过一个超级简单的 HTML 测试。

<ng-template #content let-c="close" let-d="dismiss">
    Hi mom!
</ng-template>

<button class="btn btn-lg btn-primary" 
        (click)="openModal(content)">Add AR</button>

我看到我的 openModal 实际上正在被调用，但对话框没有出现。控制台也没有错误。

Answer 1

试试：

<ng-template #content let-c="close" let-d="dismiss">
    Hi mom!
<button class="btn btn-lg btn-primary" 
        (click)="openModal(content)">Add AR</button>
</ng-template>