CODEWITHSUNDEEP
angularangular2-routing
Jay
Jay

Reputation: 385

Angular2: how do i navigate to children from component.ts

I am on homepage /home and want to navigate to children /unitsheet

normally we write this.route.navigate(['home']); but how do i write it from children to get path as localhost:4200/home/unitsheet

const ROUTER_DATA: Routes = [
    { path:'login', component: LoginComponent},
    { path:'home', component: HomeComponent, children: [
        { path:'unitsheet', component: unitComponent},
    ]},
    { path:'', redirectTo:'login', pathMatch: 'full'}
]

Upvotes: 3

Views: 489

Answers (1)

Günter Zöchbauer
Günter Zöchbauer

Reputation: 658205

this.router.navigate('unitsheet')

or

<a [routerLink]="'unitsheet'">unitsheet</a>

or you can use absolute paths

<a [routerLink]="'/home/unitsheet'">unitsheet</a>

Upvotes: 4

Related Questions