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') ;

email: "[email protected]?folder=INBOX"

but i'm expecting that email should equal only [email protected]
where do i have the problem and how can i fix that please ?!

Does this answer your question? Get current route without parameters — Roy
– Roy, Commented May 24, 2020 at 12:23

Shijil Narayanan · Accepted Answer · 2020-05-24 12:28:24Z

1

Try this

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

answered May 24, 2020 at 12:23

Shijil Narayanan

1,01910 silver badges21 bronze badges

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

Comments

Bellash · Accepted Answer · 2021-09-13 16:18:04Z

1

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.

answered Sep 13, 2021 at 16:18

Bellash

8,2776 gold badges57 silver badges95 bronze badges