Ionic 3 с использованием IonPage с DeepLinkMetadataType на вкладках - избавление от tab-0

Question

У меня есть страница с несколькими загруженными вкладками:

explore.html

<ion-tabs>
   <ion-tab [root]="tab1Root" [tabTitle]="hotTitle" tabIcon="flame"></ion-tab>
   <ion-tab [root]="tab2Root" [tabTitle]="searchTitle" tabIcon="search"></ion-tab>
   <ion-tab [root]="tab3Root" [tabTitle]="mapTitle" tabIcon="map"></ion-tab>
</ion-tabs>

@IonicPage({
  segment: 'explore',
  defaultHistory: ['HomePage']
})

Страница за tab1Root имеет IonPage-декоратор, подобный этому

@IonicPage({
  segment: 'hot-channels',
  defaultHistory: ['HomePage']
})

Однако при переходе на страницу горячих каналов в URL-адресе отображается: http://localhost:8100/#/explore/tab-0/hot-channels

Откуда берется "tab-0"?Это кажется ненужным, и в документах об этом ничего не сказано.Любой шанс избавиться от этого и пойти прямо с чем-то вроде http://localhost:8100/#/explore/hot-channels

Answer 1

Я нашел какое-то решение, если кому-то интересно.Даже если невозможно полностью удалить URL-адрес вкладки, по крайней мере, мы можем изменить имя.В каждой вкладке вы можете использовать атрибут tabUrlPath для указания URL:

<ion-tabs>
  <ion-tab [root]="tab1Root" tabUrlPath="my-tab-name" [tabTitle]="hotTitle" tabIcon="flame"></ion-tab>
 [...]
</ion-tabs>

Это приведет к: http://localhost:8100/#/explore/my-tab-name/hot-channels

https://ionicframework.com/docs/api/components/tabs/Tab/#input-properties