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

柔情只为你懂 2022-05-18 10:51 106阅读 0赞

原文出处：[https://blog.csdn.net/zuoyiran520081/article/details/79786867][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)

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

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

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

3.getActiveNav方法   
实现：

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

但是会报类似getRootNav的这样的警告：   
![这里写图片描述][70 1]   
就是这个方法在下个版本就会删除并提示用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的变量进行赋值的话则会报这样的错：   
![这里写图片描述][70 2]   
而用this.app.getRootNavById(‘n4’)里面填写‘n4’是可以直接打印出this.app.getRootNavById();可以看出id值为n4，但是又不像是getRootNav()这个方法似的可以直接不写id（这个方法打印出来id值也是n4）.

[https_blog.csdn.net_zuoyiran520081_article_details_79786867]: https://blog.csdn.net/zuoyiran520081/article/details/79786867
[70]: /images/20220518/4a98e0efae564b6ba1b4e54e8a73c3cb.png
[70 1]: /images/20220518/4a58f7053ea2402ab9479fe6e72cda35.png
[70 2]: /images/20220518/8f46ad4d9b794fa1bb85ce420f9bcc73.png