Angular 带辅助出口的角2布线
我有一个如下结构的目录:Angular 带辅助出口的角2布线,angular,angular2-routing,Angular,Angular2 Routing,我有一个如下结构的目录: my-app |- src |- app |- private |- private.routing |- public |- public.routing app.routing private.routing文件: export const routing: ModuleWithProviders = RouterModule.forChild([ { path: '', comp
my-app
|- src
|- app
|- private
|- private.routing
|- public
|- public.routing
app.routing
private.routing
文件:
export const routing: ModuleWithProviders = RouterModule.forChild([
{ path: '', component: PrivateComponent, children: [
{ path: 'header', component: HeaderComponent, outlet: 'auxheader' },
{ path: 'dashboard', component: DashboardComponent }
]},
]);
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
export const routes: Routes = [
{ path: '', redirectTo: 'public', pathMatch: 'full' },
{ path: 'public', loadChildren: 'app/public/public.module#PublicModule' },
{ path: 'private', loadChildren: 'app/private/private.module#PrivateModule' }
];
export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
app.routing
文件:
export const routing: ModuleWithProviders = RouterModule.forChild([
{ path: '', component: PrivateComponent, children: [
{ path: 'header', component: HeaderComponent, outlet: 'auxheader' },
{ path: 'dashboard', component: DashboardComponent }
]},
]);
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
export const routes: Routes = [
{ path: '', redirectTo: 'public', pathMatch: 'full' },
{ path: 'public', loadChildren: 'app/public/public.module#PublicModule' },
{ path: 'private', loadChildren: 'app/private/private.module#PrivateModule' }
];
export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
在成功的身份验证之后,我尝试从公共目录中的组件导航到私有目录中的组件
如果我使用this.route.navigateByUrl('/private/dashboard')代码>它可以工作,但是使用this.route.navigateByUrl('/private/(dashboard//auxheader:header)')代码>失败,出现以下错误无法匹配任何路由:“private”
我哪里错了?您必须更正URL
this.route.navigateByUrl('/private/dashboard(auxheader:header)');
希望这有帮助 如上所述:您的路径是错误的。正确的导航路径应为:
/private/(auxheader:account)
这很有帮助,错误不一样。无法匹配任何路由:“header”
:)您可以在定义了私有路径的位置添加路由吗?它不起作用,我要做的是导航到仪表板并打开特定的头。Tham将该头作为仪表板的子级,然后导航到/private/dashboard/(auxheader:account)
-您仍将停留在仪表板中,头部组件
将加载到auxheader
路由器插座中。