首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >即使在使用MenuController启用菜单之后,也无法在Ionic 3中看到sidemenu图标

即使在使用MenuController启用菜单之后,也无法在Ionic 3中看到sidemenu图标
EN

Stack Overflow用户
提问于 2019-01-31 03:03:03
回答 1查看 66关注 0票数 0

我想在我的sidemenu页面上显示Home图标。用户从Home页面导航到此Add-Contract页面。

问题是,我已经使用sidemenuhome.ts中启用了this.menu.enable(true);,但仍然看不到sidemenu图标。然而,我仍然可以滑动和看到菜单。

请指点。

home.ts

代码语言:javascript
复制
@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

代码语言:javascript
复制
<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 (此页面将用户带到主页)

代码语言:javascript
复制
@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);
   }
}
EN

回答 1

Stack Overflow用户

发布于 2019-01-31 04:32:27

您需要将ion-menu添加到app.html,如下所示。然后,您可以看到菜单切换图标。

代码语言:javascript
复制
<ion-menu type="overlay" [content]="content">
</ion-menu>

见我的stackblitz解

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54452707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档