Diff type of routerLink implmentation
============================
<nav>
<a routerLink='/home'></a>
<a routerLink='/about'></a>
</nav>
case:1
-----
<div *ngFor="let user of userList" [routerLink]="['detail', uer.name]"> {{ user.name }} </div>
case:2
-----
(click)="showUserDetails(user)"
Incase we do the navigation from component function means
showUserDetails(user){
this.router.navigate(['user', user.login]);
}
to make the router navgation implement routerLink='/home'
If you use parameter passing in router link [routerLink]="['detail', uer.name]"
============================
<nav>
<a routerLink='/home'></a>
<a routerLink='/about'></a>
</nav>
case:1
-----
<div *ngFor="let user of userList" [routerLink]="['detail', uer.name]"> {{ user.name }} </div>
case:2
-----
(click)="showUserDetails(user)"
Incase we do the navigation from component function means
showUserDetails(user){
this.router.navigate(['user', user.login]);
}
to make the router navgation implement routerLink='/home'
If you use parameter passing in router link [routerLink]="['detail', uer.name]"
No comments:
Post a Comment