UI-路由器 1.0.0-beta.2 和 UI-Bootstrap 2.1.4 下拉列表未关闭

Question

我在使用 UI-Bootstrap 下拉菜单的导航栏链接中使用 ui-route ui-sref 并且如果我使用锚标记href，下拉菜单会在点击时关闭，但带有 ui-sref 的锚标签不会关闭下拉菜单。我有以下显示错误的 plnkr。

Angular代码

angular.module('app', ['ui.bootstrap', 'ui.router'])
  .config(appRoute)
  .controller('myController', myController);

appRoute.$inject = ['$stateProvider'];

function appRoute($stateProvider) {
  $stateProvider.state('index', {
      url: '/index',
      template: '<h1>indexRoute</h1>'
    })
    .state('other', {
      url: '/other',
      template: '<h1>otherRoute</h1>'
    })
}

function myController() {
  var ctrl = this;
  ctrl.title = 'Title';
  ctrl.user = 'User@user.com';
  ctrl.test = test;
  ctrl.test2 = test2;

  function test() {
    console.log('TEST LINK!')
  }

  function test2() {
    console.log('TEST 2')
  }
}

HTML

<body ng-controller="myController as $ctrl" style="{padding-top: 70px;}">
    <nav id="isec-menu" class="navbar navbar-default navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <div class="intelisecure-header">
            <span>{{$ctrl.title}}</span>
          </div>
        </div>
        <div class="collapse navbar-collapse navbar-right">
          <ul class="nav navbar-nav">
            <li id="usermenu" class="dropdown user-menu-dropdown" uib-dropdown="">
              <a href="" class="uib-dropdown-toggle username" uib-dropdown-toggle="">
                <i class="fa fa-user fa-fw"></i>
{{$ctrl.user}}                 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" uib-dropdown-menu="" role="menu">
                <li role="menuitem">
                  <a href="/index" ng-click="$ctrl.test()">
                    <i class="fa fa-fw fa-sign-out menu-icon"></i>
                    <span class="menu-text">index href</span>
                  </a>
                </li>
                <li role="menuitem">
                  <a ui-sref="other" ng-click="$ctrl.test2()">
                    <i class="fa fa-fw fa-sign-out menu-icon"></i>
                    <span class="menu-text">other sref</span>
                  </a>
                </li>
                <li role="menuitem">
                  <a href="" ng-click="$ctrl.logout()">
                    <i class="fa fa-fw fa-sign-out menu-icon"></i>
                    <span class="menu-text">Logout</span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <ui-view>
      <div>
        test
      </div>
    </ui-view>
  </body>

不完美 built，我想看看我是否可以用我的

重现这个问题

https://plnkr.co/edit/Rz3AbgnYnWI34DjuByY6?p=preview

Answer 1

显然这是一个已知问题，已通过更新到 UI-Router 1.0.0-beta.3

解决

UI-路由器 1.0.0-beta.2 和 UI-Bootstrap 2.1.4 下拉列表未关闭

UI-Router 1.0.0-beta.2 and UI-Bootstrap 2.1.4 dropdown not closing

angularjs

angular-ui-bootstrap

angular-ui-router