Angular 6: Get base href

Question

I would like to get in angular 6 component. I managed it by: PlatformLocation#getBaseHrefFromDOM.

But this api should not be used by developers. Is there any other way to get /CTX-ROOT/assets/tiny-editor/langs/cs.js in runtime?

  constructor(
    private zone: NgZone,
    private platformLocation: PlatformLocation) {
  }

  public ngAfterViewInit() {
    var baseHref = this.platformLocation.getBaseHrefFromDOM();
    Observable.fromPromise(tinymce.init({
      selector: '#' + this.elementId,
      entity_encoding: "raw",
      menubar: false,
      branding: false,
      elementpath: true,
      language_url: baseHref + '/assets/tiny-editor/langs/cs.js',

Leave it as it is. You could alternatively select base element by yourself using DOM API but that does not make any difference. — Antoniossss, Sep 12 '18 at 12:37
please see this link : https://stackoverflow.com/questions/38485171/angular-2-access-base-href — Reza Rouzbahani, Dec 29 '19 at 13:44

score 3 · Accepted Answer · edited Jun 20 '20 at 09:12

3

You can use the prepareExternalUrl method from the Location service (doc)

import {Location} from "@angular/common";

//...
constructor(
    private zone: NgZone,
    private location: Location) {
}


public ngAfterViewInit() {
    Observable.fromPromise(tinymce.init({
      selector: '#' + this.elementId,
      entity_encoding: "raw",
      menubar: false,
      branding: false,
      elementpath: true,
      language_url: this.location.prepareExternalUrl('assets/tiny-editor/langs/cs.js')

Edit: I assume this only works when using PathLocationStrategy

This method will also add a hash if HashLocationStrategy is used, or the APP_BASE_HREF if the PathLocationStrategy is in use.

edited Jun 20 '20 at 09:12

Community

1
1

answered Sep 12 '18 at 12:46

David

33,444
11
80
118

but this returns "#/assets/tiny-editor/langs/cs.js" () – Petr Prikryl Sep 12 '18 at 13:05
@PetrPrikryl You are using PathLocationStrategy for your routing, right? – David Sep 12 '18 at 13:14
nope, do I have to? RouterModule.forRoot(ROUTES, {useHash: true, preloadingStrategy: PreloadAllModules}) – Petr Prikryl Sep 12 '18 at 13:35
OK, i will switch to path location strategy. Thank you! – Petr Prikryl Sep 12 '18 at 14:04

score -3 · Answer 2 · answered Sep 12 '18 at 12:43

-3

How about you use native JS for it? window.location will give the Location object. window.location.origin will give you the base href.

answered Sep 12 '18 at 12:43

Ansuman

1,404
4
14
32

this returns window.location.origin "http://localhost:3000" instead of "http://localhost:3000/xxx/" – Petr Prikryl Sep 12 '18 at 13:06
window.location gives an object where there are a number of information. You could use "origin" and "pathname" to get any part of url you want. – Ansuman Sep 12 '18 at 13:34

Angular 6: Get base href

2 Answers2