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

【问题标题】：using data-toggle on a link for collapsed nav bar在折叠导航栏的链接上使用数据切换
【发布时间】：2014-03-03 22:06:03
【问题描述】：

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

【问题讨论】：

标签： angularjs

【解决方案1】：

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

这段代码是在文件夹选择功能中添加的

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

【讨论】：