我设置的路由如下所示

const appRoutes: Routes = [
  {
    path: 'login',
    component: LoginComponent,
    data: {
      title: 'Login'
    }
  },
  {
    path: 'list',
    component: ListingComponent,
    data: {
      title: 'Home Page',
      module:'list'
    }
  },
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  },
];

现在,当我来到'/list'路,然后在'listing.component.ts'我写了下面的代码

export class ListingComponent {

  public constructor(private router:Router) {
      //here how i can get **data** of **list** routes

  }
}

推荐答案

public constructor(private route:ActivatedRoute, private router:Router) {
  console.log(route.snapshot.data['title'])
}

Angular相关问答推荐

如何在Angular 17中使用Angular—calendum?

如何使用新的@for遍历Angular 为17的对象?

有没有其他代码可以用函数的方式写成Angular ?

无效的ICU消息.缺少';}';|Angular material 拖放(&A)

Angular -移位在2个示波器中读取

Angular 信号 在 effect() 中使用 debounce

NX如何在前端和后端使用一个接口库

Angular 获取视频持续时间并存储在外部变量中

Aws 代码部署在 BeforeBlockTraffic 步骤失败,即使在更新策略后也会超时

您如何链接需要多个先前可观察对象的依赖订阅

Angular 2 二传手与 ngOnChanges

如何以Angular 2 获取当前路由自定义数据?

找不到模块'webpack'

Angular CLI 自定义 webpack 配置

如何在 Angular 2 中正确设置 Http 请求标头

Angular Material 模态对话框周围的空白

输入更改时Angular2动态输入字段失go 焦点

Angular2 Routerlink:添加查询参数

从 Angular 中的自定义表单组件访问 FormControl

在angular-cli中创建模块时生成路由模块