Angular2 $location.search() equivalent (setting query params)

Question

My web application has multiple filters that should be represented in the current Url so that users can simply copy/bookmark the current page to get it back later.

In angular1 I used $location.search(name, value) to simply set seach params on change. Now I want to get something similar in angular2.

Or is it wrong?

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

I think you must use the router inside Angular2. code example:

import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {ProfileComponent} from './profile.component';

@Component({
    selector: 'my-app',
    template: `
    <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})

@RouteConfig([
  {path: '/profile/:id',   name: 'Profile', component: ProfileComponent}
])

export class AppComponent {
}

The :id is a route parameter and you can do an URL like that: /profile/2 and 2 is the value of the id parameter.

You could find more detail in the Angular2 doc : router doc

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 18, 2016 at 12:40

Stéphane Garnier

1996 bronze badges

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

2 Comments

K. D. Over a year ago

Thank you, but what if I have multiple optional parameters?

Stéphane Garnier Over a year ago

You must use queryParams in this case and there is a link on StackOverflow for that: route optional parameters

Collectives™ on Stack Overflow

Angular2 $location.search() equivalent (setting query params)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related