Question

我试图记录我的角度应用程序中访问的每个页面。

我的路线是这样的：

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

我的app.component .ts onInit：

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

当我访问/ testing123

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

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

}

从路由器URL获取ID

2 个答案: