可以將參數傳遞給路由中的組件

Question

我希望具有不同參數的不同路徑具有相同的一個組件。類似這樣的：

export const appRoutes:Routes = [ 
    { path: 'rss', component: RssComponent(1) }, 
    { path: 'vk', component: RssComponent(2) } 
]; 

這可能嗎？

Answer 1

你不能傳遞構造函數的參數，但你可以通過data

export const appRoutes:Routes = [ 
    { path: 'rss', component: RssComponent, data: {id: 1} }, 
    { path: 'vk', component: RssComponent, data: {id: 2} } 
]; 

class RssComponent { 
    constructor(private route:ActivatedRoute) { 
    route.data.subscribe(d => { 
     console.log('Route data id:', d); 
    } 
    } 
}