ionic 4标签栏-如何始终显示标签根而不是标签子页面

安德莱尼

我目前在标签中有一条子路线:

/mytab
/mytab/subpage

因此,当我进入子页面时,单击另一个选项卡然后返回,我将看到之前的子页面(默认行为)。

当我单击选项卡按钮时,我希望使其始终显示根页面(而不是子页面)

我尝试将按钮参数更改tab='mytab'href='/mytab'-可以,但是每次单击都会导致页面刷新。

<ion-tab-button href="/tabs/mytab">
  <ion-icon name="ios-list"></ion-icon>
  <ion-label>mytab</ion-label>
</ion-tab-button>

还有其他方法可以做到吗?

毛罗·塞尔普罗尼乌斯(Mauro Sernpronius)

每次更改选项卡时,我都会导航到其根页面。

在我的.html中:

<ion-tabs #myTabs (ionTabsDidChange)="tabChanged()">
  <ion-tab-bar>
    // Your tab buttons
  </ion-tab-bar>
</ion-tabs>

在我的.ts中

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

@ViewChild('myTabs', {static: false}) myTabs: IonTabs;

constructor(private navCtrl: NavController) {}

tabChanged() {
  var currentTab: string = this.myTabs.getSelected();
  this.navCtrl.navigateRoot('tabs/' + currentTab);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ionic 4:Chrome中不显示Ionic标签栏

来自分类Dev

Ionic 2/3 中的动态标签栏

来自分类Dev

Ionic 4标签:如何创建自定义标签

来自分类Dev

在Ionic的标签中移动标签

来自分类Dev

如何在Ionic 4中更改后退按钮的标签?

来自分类Dev

如何打开离子标签后面的模式[IONIC 4]

来自分类Dev

如何使MetroCSS标签始终显示?

来自分类Dev

如何将标签栏添加到其他页面,而不是在标签栏菜单中

来自分类Dev

如何在Ionic 2中隐藏带有标签的导航栏?

来自分类Dev

如何在JTabbedPane的标签栏中添加不是标签的按钮?

来自分类Dev

在Ionic Cordova应用程序上切断了标签栏

来自分类Dev

Ionic2 / Angular2-如何在视图/页面和标签之间滑动(左右)?

来自分类Dev

Angularjs + Ionic框架:如何创建一个新的路线来显示离子标签导航但不为其定义标签?

来自分类Dev

Ionic Framework-$ ionicLoading:如何同时显示微调框和标签?

来自分类Dev

取消隐藏隐藏的标签栏(标签栏)

来自分类Dev

内容被Ionic中的标题和标签隐藏

来自分类Dev

Ionic 2对齐按钮标签向左

来自分类Dev

React + Ionic 5:标签导航问题

来自分类Dev

如何从Ionic 2中的“后退”按钮更改标签?

来自分类Dev

如何在Ionic CSS上添加strped标签

来自分类Dev

Ionic 3如何为晶圆厂添加非包装标签

来自分类Dev

如何在 ionic 2 中制作可滑动的段标签?

来自分类Dev

如何显示HTML生成的文本而不是标签

来自分类Dev

从标签栏删除底线

来自分类Dev

动作栏中的标签

来自分类Dev

标签栏从屏幕移开

来自分类Dev

android:连续标签栏

来自分类Dev

标签栏的uiview问题

来自分类Dev

多标签输入栏

Related 相关文章

热门标签

归档