角度：クリック時にUIブートストラップのドロップダウンを閉じる要素を作る方法

Question

私はAngular UIをブートストラップとともに使用していますが、私はuib-dropdownを使用しています。自動クローズを外側のクリックに設定しましたが、クローズするボタンをドロップダウンに作成したいと思います。私は要素の1つにuib-dropdown-toggleを追加しようとしましたが、それは完全にドロップダウンしました（それはまったく開きません）。ドロップダウンメニューを閉じる要素を作成するにはどうすればよいですか？ 関連するコード：

<div class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-to-body"> 
    <ul class="list-unstyled"> 
    <!-- This is the button I want to close the dropdown --> 
    <li><button type="button" class="btn btn-default">X</button></li> 
    <li>...</li> 
    <li>...</li> 
    </ul> 
</div> 

Answer 1

ちょうどドロップダウンの「開放性」とし、角度可変制御するis-open属性を使用します。次に、この変数値をプログラムでfalseに設定してドロップダウンを閉じることができます。ここで

はあなたのコードの例です：

<div class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-to-body" is-open="dropdownIsOpen"> 
    <ul class="list-unstyled"> 
    <!-- This is the button I want to close the dropdown --> 
    <li><button type="button" class="btn btn-default" ng-click="dropdownIsOpen = false">X</button></li> 
    <li>...</li> 
    <li>...</li> 
    </ul> 
</div>