用途:在 Angular v20+ 应用中配置路由,支持导航设置、懒加载、受保护路由与路由数据预取。
主要能力:基础路由表与 provideRouter 配置;通过 loadChildren 懒加载功能路由、通过 loadComponent 懒加载单个组件;路由参数与查询参数(推荐使用 input() 信号输入,需启用 withComponentInputBinding(),也可用 ActivatedRoute 配合 toSignal);函数式守卫(CanActivateFn 认证守卫、返回 CanActivateFn 的角色守卫、CanDeactivateFn 未保存更改守卫);ResolveFn 解析器预取数据;嵌套路由与 router-outlet、程序化导航(Router.navigate,含 queryParams、relativeTo、replaceUrl)、静态路由 data、Router 事件订阅与 NavigationStart/NavigationEnd 判断。
使用方式:在 app.routes.ts 定义 Routes,在 app.config.ts 用 provideRouter(routes) 注册;需要路由参数直接映射到组件输入时添加 withComponentInputBinding();守卫与解析器通过 inject 获取依赖;进阶模式可参考 references/routing-patterns.md。
适用场景:需要多页面导航、按需加载功能模块、登录与角色权限控制、表单离开确认以及进入页面前预取数据的 Angular 应用。
限制:资料仅覆盖 Angular v20+ 的路由用法;具体版本兼容性、安装命令与收费信息暂未提供。