Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular ui引导下拉列表始终处于初始打开状态_Javascript_Angularjs_Angular Ui Bootstrap - Fatal编程技术网

Javascript angular ui引导下拉列表始终处于初始打开状态

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

我在angular项目中使用ui boostrap时遇到了一个奇怪的问题:我的下拉菜单总是初始打开的。我还试图通过控制器强制关闭状态,但这也不起作用

这是我的导航和下拉菜单:

<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;