来自 Angular 中 ng-bootstrap 的弹出窗口

Question

我想在我的按钮上添加一个 bootstrap 弹出窗口，但是当我单击它时它不会打开。

<button type="button" class="btn btn-primary" ngbPopover="content" popoverTitle="title" placement="right">Click Me</button>

以下几行摘自我的app.module.ts

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
...
@NgModule({
    declarations: [
        ...
    ],
    imports: [
        NgbModule,
        ...
    ],
    ...

Answer 1

原来ng-bootstrap版本和我的angular版本不匹配

Answer 2

Check out this page to get information about which version of bootstrap & angular is compatible with which version of ng-bootstrap. For example, I'm using ng-bootstrap version 1.x.x in my angular5 project built with bootstrap CSS 4

目前，ng bootstrap 只能与 angular 5+ 一起使用，但这里有一个，有些人尝试使用 ng-bootstrap 与 angular 2.

来自 Angular 中 ng-bootstrap 的弹出窗口

Popover from ng-bootstrap in Angular

angular

popover

ng-bootstrap