单击后，Bootstrap和AngularJS折叠菜单不会消失

Question

我的HTML中有以下代码：

 <nav class="navbar navbar-inverse">
<div class="container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" ng-init="navCollapsed = true"
      ng-click="navCollapsed = !navCollapsed">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    <a ui-sref="home" class="navbar-brand">GARS</a>
  </div>

  <div class="navbar-collapse collapse" ng-class="{'in': !navCollapsed}" id="navBarCollapse">
    <ul class="nav navbar-nav" ng-if="mainCtrl.isLoggedIn">
      <li><a ui-sref="picks">Picks</a></li>
      <li><a ui-sref="matchup">Matchup</a></li>
      <li><a ui-sref="standing">Standings</a></li>
      <li><a ui-sref="allpicks">All Picks</a></li>
      <li><a ui-sref="leaderboard">Leaderboard</a></li>
  </ul>
    <ul class="nav navbar-nav navbar-right" ng-if="!mainCtrl.isLoggedIn">
      <li><a ui-sref="login">Login</a></li>
      <!-- <li><a ui-sref="register">Register</a></li> -->
    </ul>
    <ul class="nav navbar-nav navbar-right" ng-if="mainCtrl.isLoggedIn">
      <li><a ui-sref="settings">Welcome {{mainCtrl.nickname}}!</a></li>
      <li><a href="users/logout" ng-click="mainCtrl.logoutUser()">Logout</a></li>
    </ul>

  </div>

</div>

除了移动设备或点击折叠（汉堡包）按钮以及点击链接后，菜单停留在那里并在其下面显示页面，一切正常。我已经尝试了我在SO上发现的每一个jQuery，但仍然没有成功。有什么想法吗？