（1）如1.3 所寫，測(cè)滑菜單寫在app.html，所以測(cè)滑菜單中的各個(gè)按鈕的實(shí)現(xiàn)就在app.component.ts中寫了，如果像其他普通界面一樣在app.component.ts中引入NavController并在構(gòu)造函數(shù)constructor中聲明public navCtrl:NavController就會(huì)報(bào)錯(cuò)，那么，在app.html中正確進(jìn)行界面跳轉(zhuǎn)的方法為
（2）引入ViewChild和Nav

import { Component,ViewChild } from '@angular/core'; import { Platform,Nav} from 'ionic-angular';

（3）聲明

@ViewChild(Nav) nav: Nav;

（4）跳轉(zhuǎn)

this.nav.push(SettingsPage);

（5）全部代碼

import { Component,ViewChild } from '@angular/core'; import { Platform,Nav} from 'ionic-angular'; import { StatusBar } from '@ionic-native/status-bar'; import { SplashScreen } from '@ionic-native/splash-screen'; import { TabsPage } from '../pages/tabs/tabs'; import { LoginPage } from '../pages/login/login'; import { SettingsPage } from '../pages/settings/settings'; @Component({ templateUrl: 'app.html' }) export class MyApp { // 父組件中使用@ViewChild拿到子組件的變量和方法（父組件可調(diào)用子組件的方法和變量） // 這里引入的是app.html <ion-nav> @ViewChild(Nav) nav: Nav; rootPage:any = TabsPage; constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { platform.ready().then(() => { statusBar.styleDefault(); splashScreen.hide(); }); } push_mysettings(){ this.nav.push(SettingsPage); } } image.png

?

image.png

轉(zhuǎn)載于:https://www.cnblogs.com/sandyLovingCoding/p/9703300.html

總結(jié)

以上是生活随笔為你收集整理的1.8 ionic3入门——测滑菜单（side menu）中的界面跳转的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。