Get URL 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:   

PlatformLocation is a service available in Angular 5+ apps that makes it easy to interact with the current URL path.

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

140 total views, 1 views today