个人中心
gpt4 book ai didi

html - AngularJs 隐藏导航栏

转载 作者：行者123 更新时间：2023-11-28 16:36:42 25 4
gpt4 key购买 nike

我想在路由为“/”时隐藏navBar

我成功地隐藏/显示了导航栏，但问题是，当导航栏被隐藏时，“app-body”div 有 50px 的填充顶部(导航栏应该在哪里)

这是我的html代码

<body ng-app="myApp"  ng-controller="MainController" ui-prevent-touchmove-defaults>

    <div class="app">
        <!-- Navbars -->
        <div ng-hide="isActive('/')" ng-controller="NavBarController">
        
            <div class="navbar navbar-app navbar-absolute-top">
                <div class="navbar-brand navbar-brand-center" ui-yield-to="title">
                    Mobile Angular UI
                </div>
                <div class="btn-group pull-left">
                    <div ui-toggle="uiSidebarLeft" class="btn sidebar-toggle">
                        <i class="fa fa-bars"></i> Menu
                    </div>
                </div>
                <div class="btn-group pull-right" ui-yield-to="navbarAction">
                    <div ui-toggle="uiSidebarRight" class="btn">
                        <i class="fa fa-comment"></i> Chat
                    </div>
                </div>
            </div>
        </div>

        <!-- App Body -->

        <div class="app-body">
            <ng-view class="app-content"></ng-view>
        </div>
    </div>
</body>

此图显示了导航栏可见时的布局 enter image description here

这张图片显示了隐藏导航栏时的布局

enter image description here

正如您在第二张图片中看到的那样，顶部有一个灰色部分。我做错了什么吗？

谢谢

最佳答案

除了上面这条评论

尝试将 ng-hide 更改为 ng-if。如果为真，ng-if 应该完全删除该元素。

使用 ngClass 为您的布局设置条件类

关于html - AngularJs 隐藏导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34401626/

25 4 0
文章推荐： javascript - 使用 JavaScript 更改页面上的文本和元素的正确方法
文章推荐： python - 使用索引替换二维 numpy 数组的一部分
文章推荐： python - 使用用户定义的 bin 切割 Pandas
文章推荐： python - 使用 Python 从 XML 解析矩阵