角2：使用不同類型的段塞路由

Question

在我的組件中，我有菜單項列表。一個包含其他頁面。

menu.component.ts

selectedPost(postslug){ 
    console.log('post slg ', postslug); 
    this._router.navigate([postslug]); 
} 

selectedPage(pageslug){ 
    console.log('page slg ', pageslug); 
    this._router.navigate([pageslug]); 
} 

app.routing.module.ts

const routes: Routes = [ 
    { 
    path: '', 
    component: PostListComponent, 
    pathMatch: 'full' 
    } 

    , 
    { 
     path: ':postslug', // This is for the posts 
     component: PostSingleComponent, 
    } 
    , 
    { 
    path: ':pageslug', 
    component: PageSingleComponent // This is for the pages 
    } 


]; 

正如我理解的是，因爲我通過它應該拿起並加載正確的組件定製蛞蝓。但它加載了第一個具有'：+'的東西。

有沒有辦法解決這個問題？

如果沒有辦法通過函數推送自定義類別，並且在路由中重定向到類別？

例如，在功能：

selectedPost(catName, postslug){ 
     console.log('post slg ', postslug); 
     this._router.navigate([catName, postslug]); 
    } 

而在路由我會：

const routes: Routes = [ 
    { 
    path: '', 
    component: PostListComponent, 
    pathMatch: 'full' 
    } 

    , 
    { 
     path: 'catName/:postslug', // This is for the posts 
     component: PostSingleComponent, 
    } 
    , 
    { 
    path: ':pageslug', 
    component: PageSingleComponent // This is for the pages 
    } 


]; 

Answer 1

嘗試下面，

const routes: Routes = [ 
    { 
    path: '', 
    component: PostListComponent, 
    pathMatch: 'full' 
    } 

    , 
    { 
     path: 'posts/:postslug', // This is for the posts 
     component: PostSingleComponent, 
    } 
    , 
    { 
    path: 'pages/:pageslug', 
    component: PageSingleComponent // This is for the pages 
    } 
]; 

和點擊，

selectedPost(postslug){ 
    console.log('post slg ', postslug); 
    this._router.navigate(['posts',postslug]); 
} 

selectedPage(pageslug){ 
    console.log('page slg ', pageslug); 
    this._router.navigate(['pages',pageslug]); 
} 

檢查有關How Routing works here.的文檔，它詳細介紹了有關路由和導航的內容。

希望這有助於！