Skip to main content
4 de 5
se añadieron 144 caracteres en el cuerpo
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Crear un servicio que se conecte al router de Angular para obtener información de los eventos de navegación:

import { Injectable } from '@angular/core';
    import {NavigationStart,Router } from '@angular/router';
    
    @Injectable()
    export class RegistrarService {
    
      // insertar una instancia del router en el servicio
      constructor(router: Router) { 
    
        // suscribirse a los eventos de navegación
        // así se obtendrá información cada vez que se navegue en la aplicación
        router.events.subscribe(e => {
    
          // filtrar el evento NavigationStart ya que dentro de este
          // se puede recuperar la ruta navegada
          if(e instanceof NavigationStart ){
              // pasar la ruta a la función registrar
              this.registrar(e.url);
    
          }
         
        });
      }
    
      private registrar(url: string){
       
        console.log(url);
    
      }
    
      private getUsuarioLogueado(){
    
        return 'usuario 1';
    
      }
    
    }

En el app.component agregar una instancia del servicio en el constructor:

export class AppComponent  {
  

  constructor(private registrar: RegistrarService){
    
  }
}

Con ese par de cambios la aplicación puede capturar cada url en la que se está navegando.

Lobos
  • 16.4k
  • 3
  • 14
  • 31