Angular UI Boostrapドロップダウンは[is-open]属性と[append-to]属性で開きません

Question

angular ui libのブートストラップドロップダウンを使用したいと思います。

dropdown-append-toという別のDOM要素にドロップダウンを追加すると問題が発生します（dropdown-append-to-bodyも機能しません）。

is-openとng-clickを使用してドロップダウンをトリガするときにのみ機能します。

私はこの問題をplunkerに再現しました。

私はブートストラップ3.3.6、角度ui 2.1.3、角度1.5.8を使用しています。

誰かが私を助けることを望みます。

Answer 1

あなたはuib-dropdown-toggleと協力し、またng-clickを追加し、コントローラ

でtestを切り替える必要があります。また、dropdown-append-to-bodyは（デフォルトはfalse）値を受け入れる必要があり、そうdropdown-append-to-body="true"

<div class="btn-group" uib-dropdown dropdown-append-to-body="true" is-open="test"> 
    <button type="button" ng-click="onClick(test)" class="btn btn-primary" uib-dropdown-toggle> 
     Dropdown on Body <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-body"> 
     <!-- list items --> 
    </ul> 
</div> 

exmaple plunk

のような