Get location details in angular 5

The Location class has prepareExternalUrl() that takes base href into account.

You can also try to inject 

constructor(@Inject(APP_BASE_HREF) href:string){}

It seems APP_BASE_HREF can't be injected anymore without explicitly providing it.


PlatformLocation 

• Provides more details about the URL
• Service available in Angular 5+ apps that makes it easy to interact with the current URL path.
• Service can come-in really handy when coupled with the router to perform certain operations.

you can get URL like this.

 constructor(platformLocation: PlatformLocation) {

    console.log((platformLocation as any).location);

    console.log((platformLocation as any).location.href);

    console.log((platformLocation as any).location.origin);
  }