2014-02-06 111 views
1

我使用的是angularjs和bootstrap3。 我有导航栏,当在崩溃模式和手机菜单展开,如果我点击链接“限制”,var崩溃切换和菜单消失(这是我想要的)。使用数据切换链接上的折叠导航栏

如果我点击菜单并将其展开,并且我点击主图标,它会按预期切换折叠。问题是,如果再次点击房屋,菜单会显示自己(因为我们正在切换崩溃,因此我们预期会如此)。我的问题是如何设置主页按钮时设置崩溃为true?

感谢所有帮助导航栏的

<a data-toggle="collapse" data-target=".navbar-collapse" id="navbar-logo" class="navbar-brand" href="#"> 
      <span title="back to home page" class="glyphicon glyphicon-home"></span> 
      <!-- <img title="UAB Hospital Formulary" src="images/logo.png"> --> 
    </a> 

部分:

<div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a data-toggle="collapse=true" data-target=".navbar-collapse" id="navbar-logo" class="navbar-brand" href="#"> 
      <span title="back to home page" class="glyphicon glyphicon-home"></span> 
      <!-- <img title="UAB Hospital Formulary" src="images/logo.png"> --> 
     </a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     some stuff 
    </div> 

在导航栏的折叠版本,我有

<div class="visible-xs"> 
      <ul class="nav collapsed-links" > 
       <li><a data-toggle="collapse" data-target=".navbar-collapse" 
         ng-href="#/list/restricted">Restricted</a></li> 
      </ul> 
</div> 

回答

0

有人在谷歌组帮我在这一个。 这里是链接到http://plnkr.co/edit/m1mIxoGMeLlGkaiyFtSN?p=preview

的文件夹选择功能中的溶液中加入这段代码

if (node.expanded){ 
    //append 
} else { 
    angular.element($event.target).parent().find('treechild').css({display: 'none'}) 
}