web-dev-qa-db-fra.com

Comment obtenir l'URL de base dans angular 5?

Mon URL actuelle est http: // localhost: 4200/test/dashboard .

Je veux imprimer l’URL de base i.e http: // localhost: 4200 en utilisant 5 fonctions angulaires.

angularangular5
4
him

console.log (emplacement);

console.log (location.href);

obtenir l'URL de base: console.log(location.Origin);

4
him

Pas besoin de fonctionnalités angulaires spécifiques, window.location.Origin le fera pour vous.

6
bugs

PlatformLocation fournit plus de détails sur l'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);
}
3
foram kantaria

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);  
    }
}
0
Ketan Akbari

Vous pouvez importer "Emplacement" à partir du package "commun":

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
  }

}
0
Rotemya