[TOC]
>[success] # 路由概念
![](https://img.kancloud.cn/44/f4/44f41d318e678b04d2593b360454f371_1277x657.png)
通过 **router-outlet 标签** 来展示路由跳转的视图
![](https://img.kancloud.cn/38/15/38153d96f9e0e8b1efd854caad749c0d_1612x866.png)
loadChildren 是懒加载
![](https://img.kancloud.cn/7f/06/7f06b406b414240634b8aec44b2c4092_283x36.png) 这个 **forRoot** 一般在 根模块app.module.ts才会用这个,如果是子模块就用forChild
4-7 路由大概的讲解
- Angular8开发拼多多WebApp
- 框架对比
- 环境搭建与项目创建
- 开发工具配置
- 初始组件
- ngFor指令
- ngIf指令
- 样式绑定的几种方式
- 组件生命周期
- 在组件类中引用模版(类似vue 的 ref)
- 双向绑定
- 什么是模块
- 【以下目录未完成】什么是注解(装饰器)
- 指令的概念
- 组件的事件绑定和样式绑定
- 组件嵌套和投影组件
- 路由概念
- 路由实战
- 路由URL和参数
- 管道的概念
- 依赖注入
- 脏值检测
- HTTP 概览
- Postman 和 Rest Client 调试 HTTP
- Rest API
- HttpClient 修改
- Http 拦截器 HttpInterceptor
- 其他
- Angular终极课程
- RxJS快速入门