javascript - UI-Bootstrap Collapse 不会在新路线上重置

Question

工作示例:http://executionists.com (在移动视口(viewport)中查看问题)

我正在使用 UI Bootstrap 的折叠指令，它可以很好地打开/关闭我的菜单。但是，当我单击一个菜单项时，我被转到一个新 View (这是它应该做的)，但菜单随后保持打开状态。它实际上闪烁了一秒钟，因为它似乎正在折叠，但随后弹回打开并且不会折叠，直到手动完成。

HTML:

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">
  <i class="fa fa-bars fa-4"></i>
</button>

<div class="container mobile-menu visible-xs collapse" collapse="isCollapsed">
  <a ng-href="#/about">About</a>
</div>

在相关的 Controller 中，我简单地设置了一个默认状态:

$scope.isCollapsed = true;

我错过了什么？

Answer 1

如果我知道这是您需要的，请尝试添加类似的内容

  $("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() {
          if (window.location.hash) {
              $('.mobile-menu').height(0); //change the menu to be 'Hidden'
          }
  });

更新

$("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() {
    $('.mobile-menu').toggle(function() {
        if (window.location.hash) {
            $('button.btn.btn-default').click();
        }
    });
});