Angular can't get query parameter

Question

I have an angular route application, one page has a query parameter. But I can't get this query parameter

My main code:

    <div class="nav-item" [routerLinkActive]="['active']">
         <a class="nav-link" [routerLink]="['nested']" [queryParams]="{ initType: 'testE'}" >Nested</a> 
    </div>

    ngOnInit(): void {
        const urlString = window.location.href;
        console.log('urlString=' + urlString);
        const url = new URL(urlString);
        const initType = url.searchParams.get('initType');
        console.log('initType=' + initType);

        this.route.params.subscribe(params => {
            console.log('initType=' + params.initType);
        });
    }

The both output are undefined or null.

You can debug the code in this url: http://www.justa999.com/angular/#/nested?initType=testE

My angular version is 9.1

Talg123 · Accepted Answer · 2020-11-26 16:38:54Z

1

this.activatedRoute.queryParams.subscribe(values => {
  console.log(values);//Which will print the properties you have passed
});

this should help you: https://angular.io/api/router/ActivatedRoute#queryParams

answered Nov 26, 2020 at 16:38

Talg123

1,5141 gold badge11 silver badges16 bronze badges

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

1 Comment

Justin Over a year ago

Thanks!, I got it , I should use queryParams rather than params

Collectives™ on Stack Overflow

Angular can't get query parameter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related