Necesito obtener la URL completa dentro de un componente de mi aplicación de Angular.
Por ejemplo, en un entorno de desarrollo mi aplicación corre en localhost:4200
. Supongamos que he navegado a /home
. Me gustaría obtener la URL completa, http://localhost:4200/home
, desde el componente.
He intentado inyectar Router
y Location
:
import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';
import { Router } from '@angular/router'
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
constructor(
private router: Router,
private location: Location
) {}
ngOnInit() {
console.log(this.location);
console.log(this.router);
}
}
Sin embargo con ellos solo puedo obtener rutas relativas (por ejempo, /home
).
¿Alguna idea?
window.location.href
sacas la url entera.document
, a veces con Angular pecamos de sobreingeniería