angular - 从路由器 URL 获取 ID

Question

我正在尝试记录我的 Angular 应用程序中访问的每个页面。

我的路线是这样的:

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

我的app.component .ts onInit:

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

当我访问/testing123时

我希望它记录“/testing123” 而是在没有传递 ID 的情况下记录“/”。

Answer 1

以下代码可能有助于记录路由器 URL 中的 ID:

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

}