Angular UI navber 在页面切换时隐藏

Question

当我切换页面时，第一页有底部导航栏，第二页没有底部导航栏 navbar.When 我从第二页到第一页，底部导航栏显示，但什么都没有

<div class="navbar navbar-app navbar-absolute-top" ui-yield-to="headNavigation"
     ng-if='headNavigationShow' style="background: #C20404;padding-top:20px;height:65px;">
    <div class="btn-group pull-left" ui-yield-to="leftHeadNavigation">
    </div>
    <div class="navbar-brand navbar-brand-center" ui-yield-to="centerHeadNavigation">
    </div>
    <div class="btn-group pull-right" ui-yield-to="rightHeadNavigation">
    </div>
</div>

<div class="navbar navbar-app navbar-absolute-bottom" ui-yield-to="footNavigation"
     ng-if='footNavigationShow'>
    <div class="btn-group pull-left" ui-yield-to="leftFootNavigation">
    </div>
    <div class="navbar-brand navbar-brand-center" ui-yield-to="centerFootNavigation">
    </div>
    <div class="btn-group pull-right" ui-yield-to="rightFootNavigation">
    </div>
</div>

<!-- App Body -->
<div class="app-body">
    <div class="app-content" style="margin-top:13px;">
        <ng-view></ng-view>
    </div>
</div>

this is the first page,it has the bottom navbar and has the menu this is first page ,back from the second page ,the bottom navbar has nothing

Answer 1

第一页底部导航栏没有，因为底部导航栏有。 <div ui-content-for="footNavigation" ng-if="$parent.headNavigationShow"> <footnavigation-directive info="{{foot_navigation_position}}" </footnavigation-directive> </div>

像这样使用ng-if来控制加载顺序

Angular UI navber 在页面切换时隐藏

Angular UI navber hidden when page change

navbar

angular-ui