Angular支持父子路由嵌套架构循序渐进学习方法

文章结构概览

• • • • 1. 路由配置
    • 2. 重定向路由
    • 3. 路由激活状态
    • 4. 嵌套式路由结构

1. 配置路由

a.首先在生成angular项目的过程中，应选择包含路由功能的项目类型进行创建：

b.包含路由功能项目的差异：

c.在app.component.html文件中新增了支持动态插入路由的标签：

d.首先，需要构建三个组件，以达成路由跳转的功能实现

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img/image