2017-08-17 32 views
2

を開いていない私はここで何が起こっているかを把握することはできません - 私はドキュメントに基づいて、適切であると考えていNGX-ドロップダウンコード含まれている:NGX-ブートストラップドロップダウンは角4ブートストラップ4

home.componentを。 HTML

<div class="btn-group" dropdown> 
     <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle"> 
     Button dropdown <span class="caret"></span> 
     </button> 
     <ul *dropdownMenu class="dropdown-menu" role="menu"> 
     <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li> 
     <li class="divider dropdown-divider"></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a> 
     </li> 
     </ul> 
    </div> 

app.module.ts

@NgModule({ 
    imports: [ 
    BsDropdownModule.forRoot(), 
    ... 
    ] 

site.mo dule.ts(これは自宅のコンポーネントが含まれているモジュールである)

@NgModule({ 
    imports: [ 
    BsDropdownModule, 

私は角度-CLIを使用していると私は、ブートストラップスタイル含めました:

"../node_modules/bootstrap/dist/css/bootstrap.min.css", 

インデックス内を。 HTML私はブラウザは、私は、ブートストラップ4を使用しています知っているようにするスニペットを追加しました:

<script>window.__theme = 'bs4';</script> 
<app-root>Loading . . .</app-root> 

ボタンが表示され、詐欺に示すエラーが発生していないが唯一。ボタンをクリックするとDOMが変わるのがわかります(「開く」と「ショー」がスタイルに追加されています)。ボタンの下には何も表示されず、メニューは表示されません。

他にどこが見えるか分かりません

+0

あなたはplunkrを作成できますか? –

+0

拡張機能を使用する代わりに、ディレクティブを使用してブートストラップドロップダウンのクラスを追加および削除するのはなぜですか?例[リンク](https://rahulrsingh09.github.io/AngularConcepts)。ナビゲーションバーを確認する –

答えて

関連する問題