Angular记录(8)

时间:2023-01-31 09:52:38

文档资料

路由

路由:https://www.angular.cn/tutorial/toh-pt5#routing

Angular记录(8)

Angular记录(8)

添加 AppRoutingModule

Angular记录(8)

Angular记录(8)

因为生成项目的时候问是否生产路由配置了,当时选了Y,所以这一步直接看结果

Angular记录(8)

添加路由定义

Angular记录(8)

RouterModule.forRoot()

Angular记录(8)

添加路由出口 (RouterOutlet)

Angular记录(8)

Angular记录(8)

Angular记录(8)

Angular记录(8)

Angular记录(8)

添加路由链接 (routerLink)

Angular记录(8)

Angular记录(8)

添加仪表盘视图

Angular记录(8)

添加仪表盘路由

Angular记录(8)

添加默认路由

Angular记录(8)

Angular记录(8)

把仪表盘链接添加到壳组件中

Angular记录(8)

Angular记录(8)

导航到英雄详情

Angular记录(8)

从 HeroesComponent 中删除英雄详情

Angular记录(8)

添加英雄详情视图

Angular记录(8)

DashboardComponent 中的英雄链接

Angular记录(8)

HeroesComponent 中的英雄链接

Angular记录(8)

移除死代码(可选)

Angular记录(8)

支持路由的 HeroDetailComponent

Angular记录(8)

从路由参数中提取 id

Angular记录(8)

添加 HeroService.getHero()

Angular记录(8)

回到原路

Angular记录(8)

Angular记录(8)

查看最终代码

Angular记录(8)

Angular记录(8)

Angular记录(8)