页面跳转、底部tabs切换页面
0.安装
先安装8.x版本 nodejs(https://nodejs.org/zh-cn/)https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi 然后打开cmd npm set registry=http://registry.npm.taobao.org/ npm install -g cordova ionic@3.20.0
1.页面跳转
import { NavController } from 'ionic-angular';
constructor(public navCtrl: NavController) { } goNews(){ this.navCtrl.push(NewsPage); }
2.tabs页面
1)添加tabs页面的菜单项目
创建页面就不说了,直接添加tabs项目
其实就是直接对着写就行
2)去掉二级页面 tabs 菜单,修改返回按钮文字
找到app.moudule.ts
修改下面代码
imports: [ BrowserModule,ComponentsModule, IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true', //隐藏全部子页面 tabs backButtonText: '返回' /*配置返回按钮的显示文字,可以为空字符串*/ }) ],