what is the $location.search() in angular 4

Question

how to use the $location.search in angular 4

var queryParams = $location.search(); -- in angular

 setDefaultLanguage() {
    var queryParams = $location.search();
    if (queryParams.locale) {
        var locale = queryParams.locale;
        var selectedLanguageArray = languageOptions.filter(function (lang:any) {
            return String(lang.id).toLocaleLowerCase() === String(locale).toLocaleLowerCase();
        });
    }

Possible duplicate of [$location.search() equivalent in Angular 7](https://stackoverflow.com/questions/54772646/location-search-equivalent-in-angular-7) — nircraft, Oct 31 '19 at 13:04

score 1 · Accepted Answer · answered Oct 31 '19 at 12:22

you can use the activated route:

export class AppComponent {
     constructor(route: ActivatedRoute) {
         route.queryParams.pipe(
             filter(q => !!q.locale),
             map(q => q.locale as string),
             distinctUntilChanged()
         ).subscribe(locale => console.log(locale));
    }
 }

Or if you only want to have it onces you can get it from the snapshot:

    if (route.snapshot.queryParams.locale) {
        const locale = route.snapshot.queryParams.locale;
        const selectedLanguageArray = languageOptions.filter(function (lang: any) {
            return String(lang.id).toLocaleLowerCase() === String(locale).toLocaleLowerCase();
        });
    }

what is the $location.search() in angular 4

1 Answers1