How to handle multiple parameter in angular 2 router beta?

Question

I'm trying to pass multiple parameter in angular 2 router beta. But got error.

My app.route.ts file

export const routes : RouterConfig =[
    {path:'',component:DashboardComponent},
    {path:'login',component:LoginComponent},
    {path:'signup',component:SignupComponent},
    {path:'profile/:type/:name',component:ProfileComponent}
];

export const APP_ROUTER_PROViDERS = [
    provideRouter(routes)
];

dashboard.component.ts

export class DashboardComponent{
constructor(private router:Router){

}
profile():void{
    this.router.navigate(['/profile',{type:'artist',name:'mash'}]);
}}

profile.component.ts

export class ProfileComponent implements OnInit{
constructor(private route:ActivatedRoute,private router:Router){

}

type:string;
name:string;

ngOnInit(){
    console.log(this.route.snapshot.params);
}}

error

What should I try now ? Please help. Thanks in advance.

Günter Zöchbauer · Accepted Answer · 2016-07-18 07:08:27Z

3

For route params just use

this.router.navigate(['/profile','artist','mash']);

The array you added is for query parameters.

answered Jul 18, 2016 at 7:08

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

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

Collectives™ on Stack Overflow

How to handle multiple parameter in angular 2 router beta?

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