Javascript 在Angular 4内部组件中创建命名路由器时出现分析错误

Javascript 在Angular 4内部组件中创建命名路由器时出现分析错误,javascript,angular,Javascript,Angular,我使用Angular 4创建我的管理面板。左边是从主路由器加载的菜单。在左边有一个绿色区域,我想在其中加载另一个组件。我使用了一个名为“控制台路由器”的新路由器。然而,我无法获得要显示的内容。另一个组件内部有有效的HTML,主路由器工作得很好。我在定义(链接)时遇到了一个解析错误,该链接应该显示左侧区域中的“应用程序仪表板”内容 我已在应用程序模块中定义了我的路径: app.module.ts { path: 'console', component: ConsoleComponent,

我使用Angular 4创建我的管理面板。左边是从主路由器加载的菜单。在左边有一个绿色区域,我想在其中加载另一个组件。我使用了一个名为“控制台路由器”的新路由器。然而,我无法获得要显示的内容。另一个组件内部有有效的HTML,主路由器工作得很好。我在定义(链接)时遇到了一个解析错误,该链接应该显示左侧区域中的“应用程序仪表板”内容

我已在应用程序模块中定义了我的路径:

app.module.ts

{
 path: 'console',
 component: ConsoleComponent,
 children: [
    {
        path: 'dashboard',
        component: AppDashboardComponent,
        outlet: 'console-router'
    }
 ]
}
单击“应用程序仪表板”时,应加载组件的链接如下:

console.component.html

<li><a [routerLink]="[{ outlets: { console-router: ['dashboard'] } }]">App Dashboard</a></li>
<router-outlet name="console-router"></router-outlet>

  • 好吧,对于任何在命名路由器上出现解析错误的人。路由器的名称中不能有连字符(-)。这正是Angular中定义路由器的方式


    谢谢

    您正在将RouterModule导入您的模块吗?@Derked在主模块中(定义了所有路径),我有:从'@angular/router'导入{RouterModule,Routes};所有其他路径都可以正常工作(主路由器上的路径)。