How to get the current url in the browser in Angular 2 using TypeScript?

Question

I need to get the current URL present in the browser in my Angular 2 application.

In JavaScript normally we do it using the window object.

How can I do this

Answer 1

It is not necessary to import complicated packages or inject something. Just use the methods you can find on window.location!

Such as:

• window.location.href gives you the full URL
• window.location.hostname gives you the host name
• window.location.originwith this command you get the host name with protocol (e.g. https://)
• and more as you can see here: click me

For IE<=10 users: location.origin may not be available, then you have to use location.protocol + "//" + location.hostname or use a polyfill or package like location-origin