自用零散博文-config.ts

最新推荐文章于 2023-12-15 09:54:21 发布

孙不朽

最新推荐文章于 2023-12-15 09:54:21 发布

阅读量625

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Angular2 自用零散博文

本文链接：https://blog.youkuaiyun.com/qwewoshixiaoxuan/article/details/52516082

Angular2 同时被 2 个专栏收录

4 篇文章

订阅专栏

自用零散博文

4 篇文章

订阅专栏

本文介绍了一种路由配置的数据结构，包括类型定义与验证方法。详细解释了Route接口中各个属性的作用，如path、component、canActivate等，并展示了如何通过递归方式验证配置的有效性。

export type Data = {
  [name: string]: any
};

export type ResolveData = {
  [name: string]: any
};

export type LoadChildrenCallback = () => Type<any>| Promise<Type<any>>| Observable<Type<any>>;

export type LoadChildren = string | LoadChildrenCallback;

export interface Route {
  path?: string;
  pathMatch?: string;
  component?: Type<any>;
  redirectTo?: string;
  outlet?: string;
  canActivate?: any[];
  canActivateChild?: any[];
  canDeactivate?: any[];
  canLoad?: any[];
  data?: Data;
  resolve?: ResolveData;
  children?: Route[];
  loadChildren?: LoadChildren;
}

export function validateConfig(config: Routes): void {
  config.forEach(validateNode);
}