Angular 2：将值传递给路由数据解析

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

导读：我正在尝试编写一个DataResolver服务,允许Angular 2路由器在初始化组件之前预加载数据. 解析器需要调用不同的API端点来获取适合于正在加载的路由的数据.我正在构建一个通用解析器,而不是为我的许多组件中的每个组件设置一个解析器.因此,我想在路由定义中传递

我正在尝试编写一个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编写

我不知道如何在构造函数中使用它,而不使用DI.但是如果你想在resolve方法中使用它,你可以在路由定义中添加一个数据属性,这将使它可用于ActivatedRouteSnapshot

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

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

（编辑：李大同）

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