角2路由问题
问题描述：
有人可以帮助我角2路由。 我有2页..首页和搜索结果页面.. 首页和搜索结果页面的页眉是不同的.. 这里是我的代码，我能够显示首页与标题，但是当我去搜索结果页面，报头是没有得到替换新的..角2路由问题
home.routes
export const HomeRoutes: Routes = [
{ path: '', component: HomeComponent},
{ path: '', component: HomeHeadbarComponent, outlet: 'route1' }
];
search.routes
export const SearchRoutes: Routes = [
{ path: 'search', component: SearchPanelComponent},
{ path: 'search', component: HeadbarComponent, outlet: 'route1' }
];
App.html
<router-outlet name="route1"></router-outlet>
<router-outlet></router-outlet>
感谢您的帮助
答
了它与下面的代码工作..
{
path: 'search',
children: [
{
path: '',
component: SearchPanelComponent
},
{
path: '',
component: HeadbarComponent,
outlet: 'route1'
}]
}
答
我认为，那是因为你对第一头空路径path: ''，所以它可以重叠的新的。你可以尝试不同的路径，并检查出来，应该有所帮助。
答
你home.routes应该是下面的代码，这将被重定向到您HomeComponent，如果你想它重定向SearchPanelComponent都可以在下面使用代码
从'@ angular/router'导入{Routes，RouterModule};
从'./Home'导入{HomeComponent};
出口const的路线：路线= [
{ path: '', redirectTo: 'Home', pathMatch: 'full' },
{ path: 'Home', component: HomeComponent},
{ path: 'search', component: SearchPanelComponent},
];
export const appRoutingProviders：any [] = [
];
export const routing = RouterModule.forRoot（routes）;
相同的结果Mikki ..如果我切换出口路线1和主要组件，头被替换..底线是主要出口正在被取代，但不是第二个...我的要求是取代2个组件的基础上路径 – user6824632
我的意思是，用一些名称替换空字符串，所以这两个路由将有一些不同于空字符串的位置路径 – Mikki
这是一个好点..如果我有两个头的空路径，我会看到2个头，我需要每页限制一个标题...我的要求是根据路径 – user6824632