无法在 ionic 4+ 中将 ion-tab-button 显示为活动状态

Question

我在这里显示一个离子标签，我正在使用如下所示的离子标签按钮

<ion-tab-bar slot="bottom">
    <ion-tab-button [routerLink]="['/tabs/tab1']">
      <ion-icon name="triangle"></ion-icon>
      <ion-label>Tab 1</ion-label>
    </ion-tab-button>

    <ion-tab-button [routerLink]="['/tabs/tab2']">
      <ion-icon name="ellipse"></ion-icon>
      <ion-label>Tab 2</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab3">
      <ion-icon name="square"></ion-icon>
      <ion-label>Tab 3</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

在选项卡上，我正在使用我需要的 routerlink。设置后，选项卡不显示哪个选项卡图标处于活动状态。它显示如下

虽然我在 tab1 上，但它没有显示为活动状态

Answer 1

您在标签中遗漏了一件事，即标签

 <ion-tab-button tab="somename" [routerLink]="['/tabs/tab1']">
      <ion-icon name="triangle"></ion-icon>
      <ion-label>Tab 1</ion-label>
    </ion-tab-button>

无法在 ionic 4+ 中将 ion-tab-button 显示为活动状态

Unable to display ion-tab-button as active in ionic 4+

ionic-framework

angular

ionic4