Question

我正在开发一个离子2移动应用程序，我发现当我通过侧面导航面板访问页面时，它没有在特定页面上提供自动生成的后退按钮，而当我以正常的遍历形式进入页面时一页一页然后该页面可用后退按钮。如何从侧面导航面板菜单中获取后退按钮，请建议。

＆＃13;

<ion-header>

  <ion-navbar color="primary">
  <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>dashboard</ion-title>
  </ion-navbar>

＆＃13;

Answer 1

如果您在创建项目时创建了sidemenu应用，则可以在 app.component.ts

中看到以下代码

constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
    this.initializeApp();

    // used for an example of ngFor and navigation
    this.pages = [
      { title: 'Home', component: Createpage}
    ];

  }

  initializeApp() {
    this.platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });
  }

  openPage(page) {
    // Reset the content nav to have just this page
    this.nav.setRoot(page.component);
  }

正如你在openPage函数中看到的那样，它将页面组件设置为root，因此你看不到后退按钮，而是看到汉堡包图标，它打开了sidemenu

立即

如果您仍然希望通过后退按钮从侧面菜单打开页面，这里就是您可以做的

openPage(page) { // Reset the content nav to have just this page // we wouldn't want the back button to show in this scenario if(page.component == HomePage){ this.nav.setRoot(HomePage); } else { this.nav.push(page.component); } }

在上面的代码中，你检查它是否是后退按钮组件（你希望用后退按钮打开），如果它是真的你可以设置它推送而不是 setRoot

评论更多澄清

离子2

1 个答案: