2

Angular2/Typescript アプリでng-bootstrap ( https://ng-bootstrap.github.io/#/components/popover ) のポップオーバーを使用しようとしています。

エラーがないため、質問を述べる方法さえわかりませんが、ポップオーバーは表示されません。

これは私が持っているコードです:

 <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ません。

ここで行方不明になっていることを他に何かする必要がありますか?

4

3 に答える 3

0

chrome dev コンソールで、ngb-popup をレンダリングしている要素を見て、それをクリックして、それに関連する css を確認します。.popup で display:none スタイルのチェックを外すと、ポップアップが表示されます。したがって、そのcssの問題

PS。triggers="mouseenter:mouseleave" を削除して、デフォルトのトリガーが muse click に設定されるようにして、要素を適切に検査できるようにします。

于 2016-10-10T12:09:00.703 に答える