6

angular-bootstrapドロップダウンメニューが閉じていることを認識する方法はありますか? このイベントを認識して特定の機能を実行したい。

<div class="btn-group" dropdown is-open="status.isopen">
  <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle ng-disabled="disabled">
    Button dropdown <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div> 
4

1 に答える 1

25

親 div に on-toggle イベントを追加します

<div class="btn-group" dropdown is-open="status.isopen" on-toggle="toggled(open)">

そして、コントローラー内で処理します

$scope.toggled = function(open) {
    if (open) {
        console.log('is open');
    } else console.log('close');
}
于 2014-12-11T10:40:48.357 に答える