Получить идентификатор из URL-адреса маршрутизатора

Question

Я пытаюсь зарегистрировать каждую страницу, к которой обращались в моем угловом приложении.

Мой маршрут такой:

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

Мой app.component .ts onInit:

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

Когда я получаю доступ к / testing123

Я хочу, чтобы он записывал в журнал "/ testing123" Но вместо этого ведется запись в журнал "/" без переданного идентификатора.

Answer 1

Используйте приведенный ниже код для получения журнала каждого успешного маршрута.

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);
  }
})
}

Answer 2

Следующий код может быть полезен для регистрации идентификатора с 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']);
      }
    );
  }

}