Ionic 2: меню Toogle не работает - PullRequest
Новая
       28

Ionic 2: меню Toogle не работает

0 голосов
/ 26 июня 2018

У меня есть 2 страницы, логин и домашняя страница, когда пользователь успешно войдет в систему, она будет перенаправлена ​​на домашнюю страницу, и я установил ее в качестве корневой страницы.Я подтвердил это с помощью navCtrl.canGoBackFunction, и это неверно.Я попытался добавить переключатель меню, но когда я нажал кнопку переключения, меню не отображается

Это мой home.html 

<ion-header>
    <ion-navbar color="primary">
        <button menuToogle ion-button icon-only class="menu-button-left">
            <ion-icon name="menu"></ion-icon>
        </button>
        <ion-title class="alogo"><img alt="logo" height="35" src="../../assets/imgs/logo.png" ></ion-title>
        <button ion-button class="menu-button-right" (click)="logout()">
            <p>Logout</p>
        </button>
    </ion-navbar>
  </ion-header>
  <ion-content padding-left padding-right>

  </ion-content>

мой home.ts 

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LoginPage } from '../login/login';
import { AuthService } from '../../app/services/auth.service'

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(
    public navCtrl: NavController,
    private authService: AuthService
  ) {

  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad HomePage');
    console.log(localStorage.getItem('token'));
  }

  logout(){
    console.log('logout button clicked');
    this.authService.logOut();
    this.navCtrl.setRoot(LoginPage);
    this.navCtrl.popToRoot();
  }

}

my app.html 

<ion-menu [content]="mycontent">
        <ion-content>
          <ion-list>
            <p>List/p>
          </ion-list>
        </ion-content>
</ion-menu>

<ion-nav #mycontent [root]="rootPage" swipeBackEnabled="false"></ion-nav>

Я перечитал руководство несколько раз и не увидел никаких проблем с тем, как я это делал, в руководстве сказано, что я поместил его в navbarстраница должна быть корневой.Я также пытался использовать панель инструментов, но повторное нажатие кнопки переключения меню ничего не делает.Есть идеи?

1 Ответ

0 голосов
/ 26 июня 2018

Постоянные меню отображают кнопку MenuToggle на панели навигации на всех страницах стека навигации.Чтобы сделать меню постоянным, установите для элемента постоянное значение true.Обратите внимание, что это будет влиять только на кнопку MenuToggle на панели навигации, присоединенной к меню с постоянным значением true, на любые другие кнопки MenuToggle это не повлияет.В вашем коде вы должны изменить, как показано ниже.

my app.html 

<ion-menu [content]="mycontent" persistent="true">
        <ion-content>
          <ion-list>
            <p>List/p>
          </ion-list>
        </ion-content>
</ion-menu>

<ion-nav #mycontent [root]="rootPage" swipeBackEnabled="false"></ion-nav>
...