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']); } }