Angular 7 路由错误 base-href 被附加到路径

Question

我正在使用离子组件 ion-tabs 和 ion-tab-button 和 href="/tabs/path*" 来浏览我的应用程序。

重现场景：

1. 第一次点击path2（确定）
2. 点击path1（确定）

3. 点击path2 (NOK) base-href 像/fr/tab/path2 一样被前置

   <ion-tab tab="path1">
       <ion-router-outlet name="path1"></ion-router-outlet>
   </ion-tab>
   <ion-tab tab="path2">
       <ion-router-outlet name="path2"></ion-router-outlet>
   </ion-tab>
   
   <ion-tab-bar slot="bottom">
       <ion-tab-button tab="path1" href="/tabs/(path1:path1)">
           <ion-icon name="list-box"></ion-icon>
           <ion-label i18n>path1</ion-label>
       </ion-tab-button>
   
       <ion-tab-button tab="path2" href="/tabs/(path2:path2)">
           <ion-icon name="albums"></ion-icon>
           <ion-label i18n>path2</ion-label>
       </ion-tab-button>
   </ion-tab-bar>
   

路由模块选项卡：

{
    path: 'tabs',
    component: TabsPage,
    children: [
        {
            path: '',
            redirectTo: '/tabs/(path1:path1)',
            pathMatch: 'full'
        },
        {
            path: 'path1',
            outlet: 'path1',
            loadChildren: '../path1/path1.module#pathModule1'
        },
        {
            path: 'path2',
            outlet: 'path2',
            loadChildren: '../path2/path2.module#pathModule2',
        }
    ]
},
{
    path: '',
    redirectTo: '/tabs/(path1:path1)'
}

有人有想法吗？

Answer 1

我能够使用 routerLink 指令使其工作

<ion-tab-button tab="path1" 
                [routerLink]="['/tabs/', { outlets: { 'path1': ['path1'] } }]"
                routerLinkActive="active"
                [routerLinkActiveOptions]="{ exact: true }"
>

Angular doc [routerLink] directive

但是，当我浏览应用程序时，网址真的很难看：

localhost:4200/fr/path1(path1:path1//path2:path2//path3:path3)

如果您有更清洁的解决方案，请不要犹豫！分享吧：）

编辑：

似乎在 ionic 4.0.0-beta.17 中已修复！