angular - 如何在 Angular 2 中跟踪路由？

Question

我的组件带有单独的路由设置文件:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { Route } from '../core/route.service';
import { extract } from '../core/i18n.service';
import {CalendarThematicPlanComponent} from './calendar-thematic-plan.component';

const routes: Routes = Route.withShell([
  { path: 'calendar', component: CalendarThematicPlanComponent }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})

export class CalendarThematicPlanRoutingModule { }

当我输入 URL 地址时:http://localhost:4200/calendar 我被重定向到主页。

如何在 Angular 2 中跟踪路由？

Answer 1

可以传入a second argument与 options :

imports: [
    RouterModule.forRoot(
      routes,
      { enableTracing: true } // <-- debugging purposes only
    )
]

Angular 然后将根据文档将所有事件记录到浏览器的控制台:

enableTracing?: boolean
When true, log all internal navigation events to the console. Use for debugging.