angular2-routing

I am just trying the new router in Angular 2 announced recently i.e. Angular 2 @angular/router 3.0.0-alpha.7 I know that in new router we can access route parameters using below code: this.activatedRoute.params .map(params => params['id']) .subscribe((id) => { //use param id }); Can anyone please guide how do we handle the case in which we have multiple multiple parameters in our route? I mean how do we retrieve the values of multiple parameters from route. One way you could do it is using Parameter handling and Destructuring like this: this.activatedRoute.params .map(params => [params['id'],

I would like pass array ids: [1, 2, 3] to router query string like this: http://...some-url?ids=1&ids=2&ids=3 , but when I try to use const queryParams = { ids: [1, 2, 3] }; this.router.navigate(['/some-route'], { queryParams }); the result is http://...some-url/some-route?ids=1%2C2%2C3 Is there way to add query params with same key? Alexander Pisarev Looks like there is a bug in the router. Please, check this answer: https://stackoverflow.com/a/42505212/7634393 router.navigate is waiting for a named 'queryParams' value. So, this should work. const queryParams = { ids: [1, 2, 3] }; this.router

I have a very simple app My app.component.html looks like this: <a [routerLink]="['/Test']">CLICK ME</a> <div class="main-container"> <router-outlet></router-outlet> </div> My app.component.ts looks like this: @Component({ selector: 'app', templateUrl: 'app/app.component.html', directives: [HomeComponent, TestComponent, ROUTER_DIRECTIVES] }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'HomeComponent'}, {path: '/test', component: TestComponent, as: 'Test'} ]) export class AppComponent { } To navigate to my app, I go to http://localhost/app Which works perfect, it navigates me to my

The Angular 2 ES5 cheat sheet says to do this: var MyComponent = ng.router.RouteConfig([ { path: '/:myParam', component: MyComponent, as: 'MyCmp' }, { path: '/staticPath', component: ..., as: ...}, { path: '/*wildCardParam', component: ..., as: ...} ]).Class({ constructor: function() {} }); However, I can't figure out how to specify the @Component stuff on that class so that I can actually instantiate it. For example, ng.router.RouteConfig([...]).Component({}) throws an exception because the result of .RouteConfig doesn't have a .Component method. Similarly, the result of .Component doesn't

How do I route to employeeDetail/23 but represent to the user an alias URL like /EmployeeDetails ? Background I'm trying to implement Angular 2 routing and when I went to the detail section I see: http://localhost:3444/employeedetail/23. Here I want to hide that 23 on the browser URL. Example http://plnkr.co/edit/QgehylornOgXhTaZX8Yn?p=preview {path: 'crisis-center/:id/:id2', component: CrisisDetailComponent} I want to hide those IDs on the browser URL and instead present an alias route name. Prakash use "skipLocationChange" from where you are calling this route (assuming 23 is your empId):