Angular 2 : pass a value to the route data resolve

Question

我正在尝试编写一个 DataResolver 服务，它允许 Angular 2 路由器在初始化我的组件之前预加载数据。

解析器需要调用不同的 API 端点来获取适合正在加载的路由的数据。我没有为我的许多组件中的每一个都创建一个解析器，而是构建一个通用解析器。因此，我想在指向正确端点的路由定义中传递自定义输入。例如，考虑这些路线:

app.routes.ts

appRoutes = [
  {
     path: 'project/:id',
     component: ProjectComponent,
     resolve: { data: DataResolver }
  },
  {
     path: 'store/:id',
     component: StoreComponent,
     resolve: { data: DataResolver }
  }
]

首先，解析器需要调用/path/to/resource1/id。在第二种情况下，/path/to/resource2/id。理想情况下，我会将端点作为路由定义中的参数传递，然后在 DataResolver 构造函数中可用。

这可以用通用的解析器类来完成吗？

Angular 2.0.1 用 Typescript 2.0.3 编写

Answer 1

我不知道如何在不使用 DI 的情况下使其在构造函​​数中可用。但是如果你想让它在 resolve 方法中可用，你可以在路由定义中添加一个 data 属性，这将使它对 ActivatedRouteSnapshot< 可用

{
  path: 'project/:id',
  component: ProjectComponent,
  resolve: { data: DataResolver },
  data: { path: 'project/:id' }
}

class DataResolve implements Resolve<string> {
  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    return route.data['path'];
  }
}