ng-bootstrap模式未显示

时间:2018-05-22 18:37:13

标签: bootstrap-modal ng-bootstrap

在我的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实际上已被调用,但对话框没有出现。控制台中没有任何错误。

1 个答案:

答案 0 :(得分:0)

尝试:

<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>