angular: how to get parameters from url

Question

i'm using angular
i have this router

{ path: 'inbox/:email',        component: InboxMessagesComponent  },

and i'm trying to get the email parameter using this code

this.email = this.route.snapshot.paramMap.get('email') ;

the url i have : http://localhost:4200/inbox/test@email.com?folder=INBOX
and the result i get is like that:

email: "test@email.com?folder=INBOX"

but i'm expecting that email should equal only test@email.com
where do i have the problem and how can i fix that please ?!

Does this answer your question? [Get current route without parameters](https://stackoverflow.com/questions/42504809/get-current-route-without-parameters) — Roy, May 24 '20 at 12:23

Shijil Narayanan · Accepted Answer · 2020-05-24T12:28:24.360

1

Try this

this.email = this.route.snapshot.paramMap.get('email').split("?")[0];

edited May 24 '20 at 12:28

answered May 24 '20 at 12:23

Shijil Narayanan

score 1 · Answer 2 · answered Sep 13 '21 at 16:18

You should consider always using the Observable BehaviourSubject which is the best approach

 this.route.params.subscribe((p) => {
    const email = p['email']||'';
})

This will work each time the params change then email will be refreshed with the actual value.

2 Answers2