ionic4回退到根页面 _Ionic4点击按钮返回根页面教程

在项目中需要点击按钮返回到根页面,Angular中都是用路由进行跳转,如果直接跳转,路由器仍可回退到上一页面,但是Ionic4中给我们提供了直接返回到根页面的方法。下面我们看看ionic4返回根页面的教程。


1、引入NavController 

import { NavController } from '@ionic/angular';



2、 控制器实例化


constructor(public nav:NavController) { }



3、在ionic4中通过this.nav.navigateRoot回退到根页面


 goRoot(){
    this.nav.navigateRoot(['/tabs/tab2']);
  }



Ionic4点击按钮返回根页面完整教程代码:



import { Component, OnInit } from '@angular/core';

import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-ionbackbutton',
  templateUrl: './ionbackbutton.page.html',
  styleUrls: ['./ionbackbutton.page.scss'],
})
export class IonbackbuttonPage implements OnInit {

  
  constructor(public nav:NavController) { }

  ngOnInit() {
  }

  goRoot(){

    this.nav.navigateRoot(['/tabs/tab2']);

  }

     
}