Ionic framework 仅在1页中隐藏侧菜单和导航栏
当我使用Ionic framework 仅在1页中隐藏侧菜单和导航栏,ionic-framework,ionic2,Ionic Framework,Ionic2,当我使用hide nav bar=“true”时,我的侧边栏菜单也会消失在我不想看到的其他页面中。我只是想让导航和侧边菜单在主页中消失,但在其他页面中,由于某种原因,我的侧边菜单被替换为后退箭头。我怎样才能解决这个问题 这就是它的样子 应该是这样的 我的代码 请看一看 我只想让导航和侧菜单消失在主页上 为了做到这一点,首先可以避免在视图中包含标题。只需在主页html代码中包含andion content元素,该视图就不会有导航栏 <ion-content> <p&g
hide nav bar=“true”
时,我的侧边栏菜单也会消失在我不想看到的其他页面中。我只是想让导航和侧边菜单在主页中消失,但在其他页面中,由于某种原因,我的侧边菜单被替换为后退箭头。我怎样才能解决这个问题
这就是它的样子
应该是这样的
我的代码
请看一看
我只想让导航和侧菜单消失在主页上
为了做到这一点,首先可以避免在视图中包含标题。只需在主页html代码中包含andion content
元素,该视图就不会有导航栏
<ion-content>
<p>Home page</p>
<!-- ... -->
<!-- ... -->
</ion-content>
然后在您的主页中.ts
按如下方式禁用它:
<ion-menu [content]="content" side="left" id="menu">
<ion-toolbar secondary>
<ion-title>Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item menuClose="menu" detail-none>
Close Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
import { MenuController, ... } from 'ionic-angular';
@Component({
templateUrl:"home.html"
})
export class HomePage {
constructor(private menuCtrl: MenuController, ...) { }
ionViewDidEnter() {
this.menuCtrl.enable(false, 'menu');
}
// ...
}
在其他页面中,我的侧边菜单被替换为返回箭头
原因
这与导航阵列以及Ionic2如何处理它有关。如果您按下一个新页面,将显示返回箭头。即使你可以隐藏它,如果应用程序在安卓设备上运行,并带有一个物理后退按钮,用户仍然可以返回主页。如果您不想让用户返回主页(因为是登录页面或类似页面),请使用
this.nav.setRoot(NewPage);