我正尝试使用ngIf
打开/关闭Ionic子标头,如下所示
<div class="bar bar-subheader" ng-if=showSubheader>
<h2 class="title">Sub Header</h2>
</div>
<ion-content class="has-subheader">
<div data-ng-include="'app/main/main.html'"></div>
</ion-content>
将$ scope.showSubheader设置为true / false。子菜单显示/隐藏正常,但切换子标题时主要内容不会调整大小。
我尝试在后面的代码中添加/删除类has-subheader
,并调用$scope.apply()
,但似乎没有任何“刷新”主内容高度。如果我最初有class="has-subheader"
,那么副标题总是有空格,可见或不可见,如果我没有,那么副标题会覆盖主要内容的顶部。
我无法获得显示Ionic标题的插件,因此在此阶段尚未制作一个(希望此说明已足够)
另外,我在离子splitview ...
中使用它<ion-side-menus>
<ion-side-menu-content>
<ion-header-bar class="bar-positive">
<button class="button button-icon ion-navicon" ng-click="vm.toggleLeft()" ng-hide="$exposeAside.active"></button>
<h1 style="text-align: left" class="title">Title</h1>
</ion-header-bar>
<div class="bar bar-subheader" ng-if=showSubheader>
<h2 class="title">Sub Header</h2>
</div>
<ion-content id="maincontent" class="padding has-subheader">
<div data-ng-include="'app/main/main.html'"></div>
</ion-content>
<ion-footer-bar align-title="left" class="bar-balanced"></ion-footer-bar>
</ion-side-menu-content>
<ion-side-menu width={{vm.menuwidth}} expose-aside-when={{vm.exposewhen}}>
<ion-header-bar class="bar-royal">
<h1 style="text-align: left" class="title">Options</h1>
</ion-header-bar>
<ion-content>
<div data-ng-include="'app/options/options.html'"></div>
</ion-content>
</ion-side-menu>
有没有人知道解决这个问题?
提前感谢任何建议!
答案 0 :(得分:2)
可能是一个方向..!
<div ng-class="{' bar bar-subheader':(showSubheader)}" >
<h2 class="title">Sub Header</h2>
</div>
同样,请尝试has-subheader
<ion-content>
课程
答案 1 :(得分:0)
添加/删除子标题时,请致电$ionicScrollDelegate.resize()
。