AngularJS 下拉列表始终处于打开状态

AngularJS Dropdown Always in Open State

我正在使用 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>

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