2

I am trying to log every page accessed in my angular application.

My route is like so:

const routes: Routes = [
  { path: ':id', component: AppComponent}
];

My app.component .ts onInit:

ngOnInit() {
  console.log(this.router.url);
}

When I access /testing123

I want it to log "/testing123" But instead is logging "/" without the ID passed.

georgeawg
  • 48,608
  • 13
  • 72
  • 95
user10181542
  • 1,210
  • 3
  • 16
  • 37

2 Answers2

4

The following code might be useful to log the id from the router URL:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params} from '@angular/router';

export class AppComponent implements OnInit {

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.params.subscribe(
      (params: Params) => {
        console.log(params['id']);
      }
    );
  }

}
Md. Masudur Rahman
  • 1,028
  • 12
  • 30
1

Use below code to get log of every successful route.

import { NavigationEnd, Router } from '@angular/router';

export class ClassName {

constructor(private router: Router) {
router.events.subscribe((evt) => {
  if (evt instanceof NavigationEnd) {
   console.log(evt.url);
  }
})
}
Dinesh Hiregange
  • 103
  • 1
  • 10