可以将参数传递给路由中的组件

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); 
    } 
    } 
}