How do I get the absolute path of the current page in Angular 2?

by 
constructor(location:Location) {
  console.log(location.prepareExternalUrl(location.path()));
}

https://angular.io/api/common/Location#prepareexternalurl

As the documentation says:

Normalizes an external URL path. If the given URL doesn’t begin with
a leading slash (“https://stackoverflow.com/”), adds one before normalizing. Adds a hash if
HashLocationStrategy is in use, or the APP_BASE_HREF if the
PathLocationStrategy is in use.

It means that you have to explicitly specify APP_BASE_HREF to get an absolute path in Angular 5+.

window.location provides more information

Plunker example

More Related Contents:

  1. angular-cli server – how to proxy API requests to another server?
  2. Observable type error: cannot read property of undefined
  3. How to force a component’s re-rendering in Angular 2?
  4. Changing the page title using the Angular 2 new router [duplicate]
  5. How do I support Internet Explorer in an Angular 8 application?
  6. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  7. Is there any lifecycle hook like window.onbeforeunload in Angular2?
  8. Wait for Angular 2 to load/resolve model before rendering view/template
  9. What does the “ng-reflect-*” attribute do in Angular2/4?
  10. How to switch layouts in Angular2
  11. What’s alternative to angular.copy in Angular
  12. Access environment variables in production build Angular 4
  13. Angular2 – Interpolate string with html
  14. Angular 6 – Could not find module “@angular-devkit/build-angular”
  15. What are all the valid selectors for ViewChild and ContentChild?
  16. Lazy Loading BrowserModule has already been loaded
  17. No methods in http response object
  18. Angular 2 input parameters on root directive [duplicate]
  19. Unit testing click event in Angular
  20. What is an impure pipe in Angular?
  21. Redirect to a different component inside @CanActivate in Angular2
  22. How to import component into another root component in Angular 2
  23. ERROR in TypeError: Cannot read property ‘flags’ of undefined
  24. Angular 4: How to read data from Excel?
  25. Angular 2 how to keep event from triggering digest loop/detection cycle?
  26. ng2 – Difference between ng-container and ng-template tags
  27. How to use pipes in Angular 5 reactive form input
  28. Syntax Error in Angular App: Unexpected token
  29. Angular 2 creating reactive forms with nested components
  30. angular2: http post not executing

Leave a Comment