Parse error while creating named Router in Angular 4 inside component

Question

I'm using Angular 4 to create my admin panel. To the left, I have a menu loaded from the primary Router. To the left is a greenish area where I want to load another component. I used a new router named "console-router". However, I can't get the content to show. The other component has valid HTML inside, and the primary router works great. I'm getting a parse error when defining the (link) that is supposed to show the "App Dashboard" content in the area to the left.

I have defined my paths in the App Module:

app.module.ts

{
 path: 'console',
 component: ConsoleComponent,
 children: [
    {
        path: 'dashboard',
        component: AppDashboardComponent,
        outlet: 'console-router'
    }
 ]
}

Here is the link that is supposed to load the component when "App Dashboard" is clicked:

console.component.html

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

This is the definition of the Router inside the Console.

console.component.html

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

This is the error I'm getting (As if it was a syntax error, but in Angular.io, the code is exactly the same):

@Derked in the main module (Where all the paths are defined) i have: import { RouterModule, Routes } from '@angular/router'; — David Cruz
– David Cruz, Commented Jun 27, 2017 at 18:09
All other paths work just fine (The ones on the primary Router). — David Cruz
– David Cruz, Commented Jun 27, 2017 at 18:11

David Cruz · Accepted Answer · 2024-08-22 23:17:47Z

3

Well, for anyone getting a parse error on a named router. The router can't have a hyphen ( - ) in its name. This is just the way Routers are defined in Angular as of this version.

Thanks!

edited Aug 22, 2024 at 23:17

answered Jun 27, 2017 at 18:42

David Cruz

3,0373 gold badges32 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Parse error while creating named Router in Angular 4 inside component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related