码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-09-04 17:20:04      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:现在   拼接   router   页面   问号   部分   msm   组成   alt   

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

技术图片
拼接到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)

标签:现在   拼接   router   页面   问号   部分   msm   组成   alt   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!