ブートストラップボタンのドロップダウンが機能しない

Question

ngx-bootstrapで私のAngular 4アプリで動作するようにBootstrap v3ボタンをドロップダウンすることができません。

Bootstrap v3のドキュメントサンプルは、私のコンポーネントでは動作しません。 https://getbootstrap.com/docs/3.3/components/#btn-dropdowns

<!-- Single button --> 
<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Action <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</div> 

私のモジュールは、私は私がngx-bootstrapのドキュメントのドロップダウンを見ていていなかったとだけを見ていた...それを考え出しngx-bootstrap ...

import {AccordionModule, BsDropdownModule, CollapseModule, ModalModule, ProgressbarModule, TooltipModule} from 'ngx-bootstrap'; 

@NgModule({ 
    imports: [ 
    // Bootstrap Modules 
    AccordionModule.forRoot(), 
    BsDropdownModule.forRoot(), 
    CollapseModule.forRoot(), 
    ModalModule.forRoot(), 
    ProgressbarModule.forRoot(), 
    TooltipModule.forRoot(), 
] 
}) 

Answer 1

からこれらのモジュールをインポートボタンのドキュメント。

ここには、ボタンのドロップダウンの手順に関するリンクがあります。 https://valor-software.com/ngx-bootstrap/#/dropdowns