javascript - Angular Bootstrap-ui 是否有任何内置函数来处理打开或关闭的东西？

Question

我在 bootstrap-ui documentation 上没有看到任何功能了解如何在 Controller 中使用函数调用打开或关闭元素。

但是假设在点击一个自举元素时，我想做一些特别的事情，然后打开或关闭另一个下拉列表:

template.html

<div dropdown ng-click="customAction()">
  <a href class="dropdown-toggle" dropdown-toggle>(down arrow)</a>
  <ul class="dropdown-menu">
    <li>Option 1</li>
    <li>Option 2</li>
  </ul>
</div>

controller.js

$scope.customAction() = function() {
  //doSomething
  var otherDropdown = angular.element(/* select other dropdown */);
  otherDropdown.open(); //How do I do this?
}

注意:我特意抽象了这个问题，因为我实际上想要做的比仅仅在两个下拉菜单之间进行选择要复杂一些。关键是，除了执行 dropDown.addClass('open') 之外，有没有办法通过代码打开下拉菜单？我问是因为我注意到这样做时，您还必须跟踪 dropdown-menu 的 aria-expanded 属性是真还是假；因此，有一个内置函数来处理这个似乎是合理的。

Answer 1

查看 Bootstrap 页面的 Angular 指令上的下拉示例。有一个按钮示例可以切换下拉菜单的打开状态。

http://angular-ui.github.io/bootstrap/#/dropdown

基 native 制是将下拉列表打开属性绑定(bind)到范围/ View 模型上的属性，然后发生一个事件来切换该属性的值。