頁面重新加載后Angular 9不需要的重定向

Question

我在理解 Angular 路由器行為方面遇到問題。 目前，路由模塊如下所示：

const routes: Routes = [
{
    path: '',
    component: ManageCompetitionComponent,
    children: [
        {
            path: ':eventID',
            component: EventProfileComponent,
        },
    ],
}];

當我打開http://localhost:4200/admin/competition並單擊導航到http://localhost:4200/admin/competition/1234的鏈接時，它工作正常，並且EventProfileComponent顯示為ManageCompetitionComponent一部分（包含路由器-出口）。

但是當我現在從瀏覽器調用時（例如刷新/F5）：

http://localhost:4200/admin/competition         -> works fine
http://localhost:4200/admin/competition/1234    -> redirects to /admin/competition

那么我怎樣才能防止這種重定向呢？

Answer 1

嘗試這個，

const routes: Routes = [
{
    path: '',
    component: ManageCompetitionComponent,
   
}, 
{
    path: ':eventID',
    component: EventProfileComponent,
}];