Question

我正在使用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>

Answer 1

谷歌小组的某些人帮我解决了这个问题。这是http://plnkr.co/edit/m1mIxoGMeLlGkaiyFtSN?p=preview

的链接

这段代码已添加到文件夹选择功能

中

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

在折叠导航栏的链接上使用数据切换

1 个答案: