Comment obtenir l'url de base dans angular 5 ?

Question

Mon url actuel est http://localhost:4200/test/dashboard .

Je veux imprimer l'url de base c'est-à-dire http://localhost:4200 en utilisant les fonctionnalités d'Angular 5.

Answer 1

import { DOCUMENT, LocationStrategy } from '@angular/common';

@Injectable()
export class SomeService {
  constructor(@Inject(DOCUMENT) private readonly document: any,
    private readonly locationStrategy: LocationStrategy) {}

  // for localhost: http://localhost:4200/someBaseHref
  getUrl(): string {
    return `${this.document.location.origin}/${this.locationStrategy.getBaseHref()}`
  }

}

Answer 2

Vous pouvez importer "Location" à partir du paquet "common" :

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common'; // <--- Here
import { Router } from '@angular/router';

@Component({
  selector: 'some-component',
  templateUrl: './component.html',
  styleUrls: ['./component.scss']
})
export class SomeComponent implements OnInit {

  constructor(location: Location) {}

  ngOnInit() {
        console.log(this.location.origin);  // <--- Use Here
  }

}

Answer 3

Vous pouvez essayer (peut obtenir tous les détails de l'emplacement actuel)

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';

@Component({
 selector: 'some-component',
 templateUrl: './component.html',
 styleUrls: ['./component.scss']
})

export class SomeComponent implements OnInit {

 constructor(location: Location) {}

    ngOnInit() {
        console.log(this.location._platformStrategy._platformLocation.location);  
    }
}

Answer 4

J'ai utilisé l'emplacement de Rotemya La réponse de l'entreprise est la suivante

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

constructor(public location: Location) { }

Mais cet emplacement.origine n'a pas fonctionné pour moi. J'ai donc utilisé this.location.path.name.

 ngOnInit() {
        console.log(this.location.path.name);
  }