首页 文章

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

提问于
浏览 次
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>
angularjs

1 回答

  • 0

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

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

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

相关问题