angular - Angular 4，无需实际路由即可获取路由数据

Question

我可以调用 Angular 4 中的某些东西，我可以在其中传入一个字符串或路由标记数组并取回该路由的静态路由数据？

例如：

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

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

我要查找的数据是 Route Definitions 中定义的数据

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

Answer 1

您可以像这样从路由器获取所有路由和路由配置（包括数据属性）：

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);
}