如果在Ionic 4中选择了标签，如何更改布局属性？

Question

问题：

我在ion-tab-button下有3个ion-tabs，并且如果他们在Ionic 4中被选中/处于活动状态，我想更改其layout属性。我想更改layout属性如果ion-tab-button处于非活动状态，则为“ label-hide”；如果处于活动状态，则为“ icon-top”。

相关代码：

<ion-tabs>

  <ion-tab-bar slot="bottom" color="primary">
    <ion-tab-button tab="dashboard">
      <ion-icon name="pie"></ion-icon>
      <ion-label>Dashboard</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="track">
      <ion-icon name="list-box"></ion-icon>
      <ion-label>Track</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="log">
      <ion-icon name="create"></ion-icon>
      <ion-label>Log</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>

我尝试过的事情：

我尝试将此属性添加到每个ion-tab-button：layout="{{ selected ? 'icon-top' : 'label-hide'}}"中，但是我认为selected是将其设置为selected的属性，无论是否选中它都不会得到。我还尝试使用此link中的ViewChild来检查它是否被选中。还尝试使用激活的路由方法将url与制表符值进行比较。非常混乱，我认为这不是一个好习惯。