Angular2嵌套路由器插座

发布时间：2020-12-17 07:27:31 所属栏目：安全来源：网络整理

导读：我正在玩Angular 2,我遇到了路由器的麻烦. 我想在主路由器插座内安装第二个路由器插座. 在第一个路由器插座内,我重定向到主页,我有第二个路由器插座： router-outlet name="main"/router-outlet 这是我没有导入的app.routing. const appRoutes: Routes = [ {

我正在玩Angular 2,我遇到了路由器的麻烦.
我想在主路由器插座内安装第二个路由器插座.

在第一个路由器插座内,我重定向到主页,我有第二个路由器插座：

<router-outlet name="main"></router-outlet>

这是我没有导入的app.routing.

const appRoutes: Routes = [
    { path: '',component: HomeComponent },{ path: 'login',component: LoginComponent},{ path: 'days',component: DaysComponent,outlet: 'main'}
];

export const appRoutingProviders: any[] = [

];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

在HomeComponent ngOnInit我有这个

this.router.navigateByUrl('/(main:days)');

但是这会导致以下错误导致网络崩溃：

未捕获(承诺)：错误：找不到加载’DaysComponent’的插座主页

怎么可能在主要的内部有第二个路由器插座？

谢谢.

尝试使用此路由配置：

const appRoutes: Routes = [
    { path: '',{
        path: 'wrap',component: HomeComponent,children: [
          {
            path: 'days',outlet: 'main'
          }
        ]
    }
];

这个网址：

this.router.navigate(['/wrap',{ outlets: { main: 'days' } }]);

或同等学历)

this.router.navigateByUrl('/wrap/(aux:aux)');

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!