我想用Ionic 4创建一个标签式应用程序,但是标签页面应该是动态的 . 我对标签的方法是这样的:

<ion-tabs>
    <ion-tab [href]="'tabs/(one:'+ tabs[0].deeplink +')'">
      <ion-router-outlet name="one"></ion-router-outlet>
    </ion-tab>
    <ion-tab [href]="'tabs/(two:'+ tabs[1].deeplink +')'">
      <ion-router-outlet name="two"></ion-router-outlet>
    </ion-tab>
</ion-tabs>

如您所见,我只知道在运行时通过哪个Tab-Button路由到哪个组件 . 这就是我将“deeplink”属性传递给href的原因 . 这基本上就是我的道路 . 我认为通过定义链接的出口,Angular会选择那个特定的出口 . 但它并没有走出大门 .

我必须定义这样的路径:

{
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'Home',
        outlet: 'one',
        component: HomePage
      },
      {
        path: 'welcome',
        outlet: 'one',
        component: WelcomePage
      }, {
        path: 'Home',
        outlet: 'two',
        component: HomePage
      },
      {
        path: 'welcome',
        outlet: 'two',
        component: WelcomePage
      }
}

由于我有多达五个标签和超过20个不同的动态页面,因此定义所有可能的路线是相当繁琐的 .

有没有办法允许一个路径的多个出口,让URL在运行时选择它?有没有更好的方法来定义这种路由结构?