Angular最新教程-第十一节 路由四 (嵌套路由)

今天我们继续来看路由。
这是我们关于路由的最后一节课。
嵌套路由的使用还是蛮频繁的,

使用场景

场景一:
商城类应用会有大分区里面的小分区,
虽然也可以靠携带不同的路由参数来识别,
但是他们都在同一个视图里面,就会有一个很明显的问题。
有的分类内容比较多,列表很长,有些分类内容比较少,列表很短。
当从内容丰富的分类切换到内容很少的分类的时候,
会出现,内容很少的页面,下半部分会有一大片的空白。
滚动条也保留在原来的位置。
场景二:
关于我们内容里面很大可能会存在出现下面的分类。
比如一个医院网站的关于,会有医生、护士、还有医生个人简介,
这样的带着明显嵌套逻辑的页面。
场景三:
用户个人中心。(pc页面)
我们还是拿Angular中文社区的网站来看。
这里写图片描述
从图中我们可以知道,它的用户页面的路由是/home
点击切换到我的关注、我的粉丝等,路由分别是/home/follow/home/fans

配置路由

1、新建用户

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值