Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 带辅助出口的角2布线_Angular_Angular2 Routing - Fatal编程技术网

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
路由器插座中。