Navigation Error in Angular path

Question

I, have the below route

{
        path: '', component: FrontEndMainComponent,
        children: [
            { path: '', redirectTo: 'home', pathMatch: 'full' },
            { path: 'home', component: FrontEndHomeComponent },
            { path: 'login', component: CustomerAuthComponent }
        ]
    },

When I, tried to navigate to login or home from login it gives me an error as shown below.

Here is the html code for navigation

<mat-toolbar color="primary" class="example-toolbar">
            <a  [routerLink]="['home']"><img src="../../assets/logo.png"/></a>
            <div>
                  <a mat-raised-button color="primary" [routerLink]="['login']">Login</a>&nbsp;&nbsp;
                  <a mat-raised-button color="primary" [routerLink]="['signup']">Sign up</a>

            </div>

      </mat-toolbar>

some of the link I checked https://www.concretepage.com/angular-2/angular-2-4-child-routes-and-relative-navigation-example

How do I navigate to a parent route from a child route?

Does changing your `routerLink` to this `[routerLink]="['/home']"` (add the slash in front), help? — R. Richards, Jun 24 '18 at 15:41

score -1 · Answer 1 · answered Jun 24 '18 at 15:44

-1

Try with the following, you should add a /

<a  [routerLink]="['/home']"><img src="../../assets/logo.png"/></a>

answered Jun 24 '18 at 15:44

Sajeetharan

216,225
63
350
396

2

It should be `img src="assets/logo.png"` CLI knows about the asset folder – Vikas Jun 24 '18 at 15:52
Does not matter though – Sajeetharan Jun 24 '18 at 15:53
3

Agree with vikas. Furthermore, why dont you add some small explanation as to what is the difference in this approach and why should it work? – Jota.Toledo Jun 24 '18 at 17:46

Navigation Error in Angular path

1 Answers1