页面跳转、底部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: '返回' /*配置返回按钮的显示文字,可以为空字符串*/
    })
  ],

  

  

原文地址:https://www.cnblogs.com/wskxy/p/9675450.html