我想在我的sidemenu页面上显示Home图标。用户从Home页面导航到此Add-Contract页面。
问题是,我已经使用sidemenu在home.ts中启用了this.menu.enable(true);,但仍然看不到sidemenu图标。然而,我仍然可以滑动和看到菜单。
请指点。
home.ts
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, private menu: MenuController) {
this.menu.enable(true);
}
accountSettings() {
this.navCtrl.push(AccountSettingsPage);
}
logout() {
this.navCtrl.push(LoginPage);
}
}home.html
<ion-header>
<ion-navbar hideBackButton="true">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Home</ion-title>
<ion-buttons end>
<button (click)="accountSettings()" icon-only ion-button>
<ion-icon name="settings"></ion-icon>
</button>
<button (click)="logout()" icon-only ion-button>
<ion-icon name="log-out"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
//some more code here
</ion-content-padding>add-contract.ts (此页面将用户带到主页)
@IonicPage()
@Component({
selector: 'page-add-contract',
templateUrl: 'add-contract.html',
})
export class AddContractPage {
constructor(private formBuilder: FormBuilder, private navCtrl: NavController, private menu: MenuController) {
this.menu.enable(false);
}
ionViewDidEnter() {
this.menu.swipeEnable(false);
}
ionViewDidLeave() {
this.menu.swipeEnable(true);
this.menu.enable(true);
}
//takes the user to Home page
addContract(val: any) {
this.navCtrl.push(HomePage);
}
}发布于 2019-01-31 04:32:27
您需要将ion-menu添加到app.html,如下所示。然后,您可以看到菜单切换图标。
<ion-menu type="overlay" [content]="content">
</ion-menu>见我的stackblitz解
https://stackoverflow.com/questions/54452707
复制相似问题