概述

我创建了一个Ionic Tabs应用程序. Tabs.html： <ion-tabs> <ion-tab [root]="tab1Root" tabtitle="home" tabIcon="md-home"></ion-tab> <ion-tab [root]="tab2Root" tabtitle="About" tabIcon="md-information-circle"></io

@H_262_14@

我创建了一个Ionic Tabs应用程序.

Tabs.html：

<ion-tabs>
  <ion-tab [root]="tab1Root" tabtitle="Home" tabIcon="md-home"></ion-tab>
  <ion-tab [root]="tab2Root" tabtitle="About" tabIcon="md-information-circle"></ion-tab>
  <ion-tab [root]="tab3Root" tabtitle="My Account" tabIcon="md-log-in"></ion-tab>
</ion-tabs>

和Tabs.ts

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {

  tab1Root = HomePage;
  tab2Root = AboutPage;
  tab3Root = LoginPage;

  constructor()
  {}

}

我想做的是,一旦我在tab3Root(LoginPagE)上登录,我想将其更改为LoggedinPage.
维护其他标签功能正常.

那可能吗？如果是,请问怎么样？

谢谢

添加信息：检查/编辑此@L_618_5@,其中包含我的代码作为示例
stackblitz.com/edit/ionic-yff2sx

解决方法

只需使用setRoot方法从该选项卡调用其他页面即可.从登录页面调用以下方法.

this.navCtrl.setRoot(this.loggedInPagE);

Please refer this working demo

我假设home.ts为登录页面并从主页调用loggedIn页面.单击主页中的“登录”页面按钮后,“登录”页面内容将替换主页内容.

@H_262_14@

大佬总结

以上是大佬教程为你收集整理的在运行时动态更改Ionic Cordova TabRoot全部内容，希望文章能够帮你解决在运行时动态更改Ionic Cordova TabRoot所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。