ionic2/3退出到登录页--以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById实现及其用法

原文出处:https://blog.csdn.net/zuoyiran520081/article/details/79786867

ionic2/3的app中的退出功能的实现以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById五种方式分别进行实现说明: 
首先都要引入:

import { App } from 'ionic-angular'; 

在constructor内进行声明:

private app:App

1.getRootNav方法  
可以直接实现:

this.app.getRootNav().setRoot(LoginPage)

但是会报这样的警告: 
这里写图片描述 
就是这个方法在下个版本就会删除并提示用getRootNavById这个方法进行替换。

2.getRootNavs方法 
可以直接实现:

this.app.getRootNavs()[0].setRoot(LoginPage);

3.getActiveNav方法 
实现:

this.app.getActiveNav().setRoot(LoginPage);

但是会报类似getRootNav的这样的警告: 
这里写图片描述 
就是这个方法在下个版本就会删除并提示用getActiveNavs这个方法进行替换。

4.getActiveNavs方法 
实现:

this.app.getActiveNavs()[0].setRoot(LoginPage);

5.getRootNavById方法 
实现: 
首先要声明一个变量:

private testNav;

然后:

this.testNav = this.app.getRootNavById('n4');
this.testNav.setRoot(LoginPage)

注:一定要先声明testNav,然后再使用。如果直接用var或者let的变量进行赋值的话则会报这样的错: 
这里写图片描述 
而用this.app.getRootNavById(‘n4’)里面填写‘n4’是可以直接打印出this.app.getRootNavById();可以看出id值为n4,但是又不像是getRootNav()这个方法似的可以直接不写id(这个方法打印出来id值也是n4).

猜你喜欢

转载自blog.csdn.net/chelen_jak/article/details/81365339