ngbPopover не появляется

Question

Я пытаюсь использовать всплывающее окно из ng-bootstrap ( https://ng-bootstrap.github.io/) в моем приложении Angular2/Typescript.

Я даже не знаю, как сформулировать вопрос, поскольку ошибок нет, но поповер не показывается.

это код, который у меня есть:

 <div ngbPopover="You see, I show up on hover!" 
      placement="top" triggers="mouseenter:mouseleave" title="Pop title"></div>

И это мой конфиг приложения:

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
    declarations: [
        AppComponent,
        HomeComponent,
        DependenciesComponent,
        TraceChartComponent
    ],
    imports: [
       NgbModule, 
    ...

Который в значительной степени взят с их примера сайта.

Я вполне уверен, что у меня есть все необходимые javascript-коды, включенные в качестве ngbTooltip Работай.

Есть ли что-то еще, что мне нужно сделать, что я здесь скучаю?

Answer 1

Это было решено в последней версии ng-bootstrap (1.0.0-alpha.18).

Бег

npm update @ng-bootstrap/ng-bootstrap

должен решить вашу проблему.

https://github.com/ng-bootstrap/ng-bootstrap/commit/60fd5d954cff7aa982dd328845689c039251ffe2

Answer 2

Если вы не используете Bootstrap 4 или 3, вы можете просто переопределить css по умолчанию ngb-popover-window пометить и установить CSS display собственность на block !important в файле style.css как это:

   ngb-popover-window {
       position: absolute;
       width: auto !important;
       display: block !important;
       background-color: #fafafa !important;
       border: 1px solid #fafafa !important;
       max-width: none !important;
   }

И это должно работать.

Answer 3

В консоли chrome dev посмотрите на элемент, который отображает ngb-popup, щелкните по нему и посмотрите соответствующий css для этого. Вы сможете увидеть всплывающее окно после того, как отмените отображение: стиль отсутствует в.popup. Следовательно, это проблема css

PS. remove triggers="mouseenter:mouseleave", чтобы для триггера по умолчанию был установлен щелчок мышью, чтобы вы могли правильно проверить элемент