Angular 2 access base href

Question

I have a code in my solution which gets baseHref of an app

constructor( private router: Router) {
    let baseHref = this.router._location._baseHref;

You could see what I am getting it via private properties. Is there other way to get base url? aka the url before router added it's parts?

I am using angular2 rc4

Thanks

In my opinion, this is not a duplicate: The "baseHref" is not necessarily the same as the current page's location. — slartidan, Apr 05 '19 at 12:04

Günter Zöchbauer · Accepted Answer · 2017-10-07T12:21:28.687

42

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:

  import {PlatformLocation } from '@angular/common';

  constructor(platformLocation: PlatformLocation) {
    console.log((platformLocation as any).location);
    console.log((platformLocation as any).location.href);
    console.log((platformLocation as any).location.origin);
  }

Plunker example

edited Oct 07 '17 at 12:21

answered Jul 20 '16 at 15:55

Günter Zöchbauer

623,577
216
2,003
1,567

7

Awesome! location.prepareExternalUrl("") just made my day a little bit better. – Simeon Grigorovich Jul 20 '16 at 16:06
1

Quoting the docs though: "This class should not be used directly by an application developer. Instead, use Location" – Amr Mostafa Apr 11 '17 at 09:54
@AmrMostafa what docs, what class? – Günter Zöchbauer Apr 11 '17 at 09:55
2

This: https://angular.io/docs/ts/latest/api/common/index/PlatformLocation-class.html – Amr Mostafa Apr 12 '17 at 10:43
@AmrMostafa thanks for the hint. It doesn't seem to provide the same values though. – Günter Zöchbauer Apr 12 '17 at 10:46
1

You welcome, and sadly yes, it doesn't. I only meant to say that direct use of PlatformLocation is discouraged. – Amr Mostafa Apr 24 '17 at 13:27
I saw that, but `Location` doesn't provide that information. – Günter Zöchbauer Sep 12 '17 at 04:21
"Property 'location' does not exist on type 'PlatformLocation'." – Inigo Oct 07 '17 at 12:12
It's actually an instance of `BrowserPlatformLocation` which is not public but it has the `location` property. You can use `as any` to call it anyway without getting a static warning. – Günter Zöchbauer Oct 07 '17 at 12:22
1

base href is than: `(this.platformLocation as any).location.pathname` – Mark Nov 30 '19 at 22:30
2

It's way better and safer to use `location.prepareExternalUrl("")` as @SimeonGrigorovich suggested. – Anddo Mar 31 '20 at 00:11
As @AmrMostafa notes, the Angular documentation notes that application developers shouldn't access `PlatformLocation` directly. For more details and alternatives, see this [SO answer](https://stackoverflow.com/a/60705771/245602). – George Hawkins Jun 28 '20 at 12:52
`APP_BASE_HREF` can be injected, you just need to add a access modifier: `@Inject(APP_BASE_HREF) private href: string` – zeljko_a Sep 01 '20 at 06:49

Angular 2 access base href

1 Answers1

Linked