AngularJS Dropdown始终处于开放状态

Question

我正在使用AngularJS开发我的第一个应用程序。我正在尝试创建一个下拉菜单，但无法控制它。这是html：

<div class="btn-group" dropdown>
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Split button!</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>

这确实给了我想要的输出，如下所示：

但下拉列表始终打开，而不是切换。

有人可以告诉我我做错了吗？

=======以下是头文件=========

  <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
  <link rel="stylesheet" href="dist/css/mobile-angular-ui-base.min.css" />
  <script src="js/angular.min.js"></script>
  <script src="js/angular-route.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"></script>
  <script src="dist/js/mobile-angular-ui.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <!-- Required to use $swipe, $drag and Translate services -->
  <script src="dist/js/mobile-angular-ui.gestures.min.js"></script>
  <script type="text/javascript" src="app.js"></script>

Answer 1

您的问题的答案是使用最新版本的Angular + jQuery + Bootstrap + Angular UI。