Ng-bootstrapがtootipを表示できません

Angularプロジェクトでツールチップを表示するためにng-bootstrapを使用しています。私はツールチップを表示できません。コンソールエラーはありません。コードは次のとおりです。Ng-bootstrapがtootipを表示できません

HTML

<button type="button" class="btn btn-outline-secondary" ngbTooltip="Tooltip"> 
    Customized tooltip 
</button>

app.module.ts

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

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
imports: [ 
    NgbModule.forRoot() 
]}) 
export class AppModule { }

Component

import { Component } from '@angular/core'; 
import {NgbTooltipConfig} from '@ng-bootstrap/ng-bootstrap'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    providers: [NgbTooltipConfig] 
}) 
export class AppComponent { 
    constructor(config: NgbTooltipConfig) { 
    config.placement = 'right'; 
    config.triggers = 'click';  
}

}

resはする方法それとも？

出典

2017-11-20 Veera

あなたのコンポーネントは、あなたのAppModuleで宣言されていません。だからあなたはそれを表示することすらできないはずです。 –

を追加しました。私はここにそのコードを表示しませんでした。今更新されました。 – Veera

ここでうまく動作します：http://plnkr.co/edit/7WIhaC8WW8nBne3yaSia?p=preview。私がやったように、問題を再現した完全な最小限の例を投稿してください。 –

唯一の問題は、あなたがCSSを追加するのを忘れ、次のとおりです。

はあなたのindex.htmlでこれを入れて：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

依存関係をこのリポジトリは、ブートストラップのマークアップに基づいてネイティブの角度ディレクティブのセットが含まれており、 CSS。その結果、 jQueryまたはBootstrapのJavaScriptに依存する必要はありません。唯一必要な依存関係は、以下のとおりです。

角度（4.0.3でテストし、角度バージョン4以降が必要です）詳細については

ブートストラップCSS（4.0.0ベータでテスト済み）

、読んでください：

https://ng-bootstrap.github.io/#/getting-started

出典

2017-11-20 10:17:27

Ng-bootstrapがtootipを表示できません

答えて

関連する問題