Javascript angular ui引导下拉列表始终处于初始打开状态
我在angular项目中使用ui boostrap时遇到了一个奇怪的问题:我的下拉菜单总是初始打开的。我还试图通过控制器强制关闭状态,但这也不起作用 这是我的导航和下拉菜单:Javascript angular ui引导下拉列表始终处于初始打开状态,javascript,angularjs,angular-ui-bootstrap,Javascript,Angularjs,Angular Ui Bootstrap,我在angular项目中使用ui boostrap时遇到了一个奇怪的问题:我的下拉菜单总是初始打开的。我还试图通过控制器强制关闭状态,但这也不起作用 这是我的导航和下拉菜单: <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#/home">
<img width="32" alt="Brand" src="assets/img/Blitz_blue_140.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li uib-dropdown>
<a id="project-dropdown" uib-dropdown-toggle>
Projects <span class="caret"></span>
</a>
<ul uib-dropdown-menu aria-labelledby="project-dropdown">
<li ng-hide="project.name == 'Inbox'" ng-repeat="project in projects">
<a ng-href="#/tasks/{{project.projectid}}">
<i class="fa fa-diamond"></i> {{project.name}}
</a>
</li>
</ul>
</li>
<li><a href="#">+ Project</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li uib-dropdown>
<a id="user-dropdown" uib-dropdown-toggle role="button" is-open="false" aria-expanded="false">
{{user.username}} <span class="caret"></span>
</a>
<ul uib-dropdown-menu aria-labelledby="user-dropdown" role="menu" >
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a ng-click="logout()">Logout</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
切换导航
-
-
我正在使用angular 1.5.0和最新版本的ui引导程序粘贴到您的html
is open=“status.isopen”
和控制器中:
$scope.status.isopen = !$scope.status.isopen;
默认设置为false:
$scope.status.isopen = false;
在html
中粘贴是打开的=“status.isopen”
并且在控制器中:
$scope.status.isopen = !$scope.status.isopen;
默认设置为false:
$scope.status.isopen = false;