ng-bootstrap模式不出现

Question

在我的Angular 5应用程序中，我使用了ng-bootstrap，但它没有出现。我只是试着从typescript中以正常的方式打开它：

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>