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

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中的路由?

推荐答案

你可以用options通过a second argument:

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.

Angular相关问答推荐

自动完成搜索过滤器不适用于Angular 中动态添加的输入字段

如何在投影项目组周围添加包装元素?

身份验证卫士给了我17个Angular 的任何类型

使用Angular 13的NgxPrinterService打印时,第二页上的空白区域

在Drective Composure API中使用指令输出

更改动态表单控制Angular 的值

ANGLING HTTP.GET()返回包含数据的数组

Angular react 形式验证问题

Angular 信号 - 使用 mutate() 与使用 forEach() react 性

Angular 15 Ref 错误:初始化前无法访问组件 A

IonicStorageModule似乎不是 NgModule 类

Angular 15:在范围内提供相同标记时附加到提供的值

如何在Angular中自动路由到子路由

如何 use/import http模块?

ERROR 错误:StaticInjectorError(AppModule)[UserformService -> HttpClient]:

将 Angular 5 升级到 6 时,我得到不兼容的对等依赖(使用 ng update @angular/core)

如何在悬停时向元素添加类?

formGroup 需要一个 FormGroup 实例

无法绑定到 target,因为它不是div的已知属性

如何在 Angular 中使用带有 SASS 的 Bootstrap 4