1

我在 Ionic2 中实现了一个侧面菜单。当我单击侧面菜单上的事件或地图按钮时,我收到“无效链接”,有时我收到错误为“要插入的无效视图”。我尝试从日历和 gmap 中删除引号,但没有成功。请指导。

这是我的 TS 文件:

import { Component } from '@angular/core';
import { Platform , IonicPage } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { CalendarPage } from '../pages/calendar/calendar'
import { GmapPage } from '../pages/gmap/gmap'
import firebase from 'firebase';
import { LoginPage } from '../pages/login/login';
import { ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular/navigation/nav-controller';
import { AuthProvider } from '../providers/auth/auth';
@IonicPage() 
@Component({
templateUrl: 'app.html'
})
export class MyApp {
calendar: CalendarPage;
gmap: GmapPage;
@ViewChild('nav') nav: NavController;
rootPage: any = CalendarPage;
pages = []

constructor(platform: Platform, statusBar: StatusBar, splashScreen:SplashScreen,
public authProvider: AuthProvider) {
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.
  statusBar.styleDefault();
  splashScreen.hide();
  const unsubscribe = firebase.auth().onAuthStateChanged(user => {
    if (!user) {
      this.rootPage = 'LoginPage';
      unsubscribe();
    } else {
      this.rootPage = 'EventPage';
      unsubscribe();
    }
  });
});
}
    onLoad(page : string) {
  this.nav.setRoot(page);
  }
  onLogout(){
    this.authProvider.logoutUser();
 }
}

这是我的 HTML 代码:

<ion-menu [content] = "nav">
 <ion-header>
<ion-toolbar>
    <ion-title>Menu</ion-title>
      </ion-toolbar>
     </ion-header>
     <ion-content>
      <ion-list>
       <button ion-item  (click) = "onLoad('calendar')">Events</button>
       <button ion-item  (click) = "onLoad('gmap')">Maps</button> 
       <button ion-item  (click) = "onLogout()">Logout</button>

              </ion-list>
            </ion-content>
          </ion-menu>


  <ion-nav [root]="rootPage" #nav></ion-nav>
4

0 回答 0