Angular 4,获取路由数据而不实际路由

发布时间：2020-12-17 17:36:37 所属栏目：安全来源：网络整理

导读：我可以调用Angular 4中的某些内容,在哪里传入字符串或路由令牌数组并获取该路由的静态路由数据？例如： const targetRoute = '/test/route'const routeData = {{something}}.getRouteData(targetRoute)// { routeDataValue: 'something' } etc... 我正在寻

我可以调用Angular 4中的某些内容,在哪里传入字符串或路由令牌数组并获取该路由的静态路由数据？

例如：

const targetRoute = '/test/route'
const routeData = {{something}}.getRouteData(targetRoute)

// { routeDataValue: 'something' } etc...

我正在寻找的数据是路线定义中定义的数据

const routes: Routes = [
    {
        path: 'test/route',data: { //This data object
          animation: {
            value: 'fetching-results'
          },progress: 100,sectionIdentifier: {
            background: 'results',backLinkUrl: null,backLinkText: null
          }
        },}
]

解决方法

您可以从路由器获取所有路由和路由配置(包括数据属性),如下所示：

import { Router } from '@angular/router';

...

constructor(
  private router: Router) {
}

ngOnInit() {
  // all routes
  console.log(this.router.config);

  // data of test/route
  console.log(this.router.config.find(route => route.path === 'test/route').data);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!