首页 > Web开发 > 详细

4-10 路由 URL 和参数(2)

时间:2020-08-27 00:22:45      阅读:99      评论:0      收藏:0      [点我收藏+]

现在我们是靠重定向,到第一个菜单
技术分享图片
上面菜单变化,然后就是下面页内容的变化。怎么去得到路由的参数。

技术分享图片
拼接到url上的,感觉像是url的参数,就是路径参数
技术分享图片
技术分享图片
routerLink后面接的是一个数组。数组由url的各部分组成的。
技术分享图片
达到某个调价,手动的跳转到某个页面。router是从routerModule中导进来的。
技术分享图片
这个tab在某个情况下的值。
技术分享图片
路由的读取,当前激活的路由,点paramsMap。 里面就可以get某一个key值。
技术分享图片
对于路径来说还可以携带其他的东西。
还可以携带其他的字典对象。例如这里在后面加了字典对象。
技术分享图片
分号key=value
技术分享图片
也是用这个去读取
技术分享图片

问号的形式

技术分享图片

技术分享图片
后面给一个自典型的参数,里面key queryParams里面再指定一个字典。
技术分享图片

读取用queryParamsMap
技术分享图片

实战

topMenu加上id属性。

技术分享图片

技术分享图片

注入Router
技术分享图片

技术分享图片
这里删掉
技术分享图片

技术分享图片
加一个else判断
技术分享图片
使用ng-template
技术分享图片

定义的变量
技术分享图片

技术分享图片
得到当前路由传过来的参数,从当期激活的路由得到参数。
技术分享图片

技术分享图片

技术分享图片

技术分享图片

修正else other 这里没有#号

技术分享图片

技术分享图片

技术分享图片
打印参数
技术分享图片
它叫做路径参数
技术分享图片

技术分享图片

技术分享图片

技术分享图片

传值

技术分享图片
问号的形式是查询参数

技术分享图片

技术分享图片

结束

 

4-10 路由 URL 和参数(2)

原文:https://www.cnblogs.com/wangjunwei/p/13568817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!