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

对你的问题的答案是采用了棱角分明+的jQuery +引导的最后版本+角UI 。