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

现在我们是靠重定向,到第一个菜单
4-10 路由 URL 和参数(2)
上面菜单变化,然后就是下面页内容的变化。怎么去得到路由的参数。

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

问号的形式

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

4-10 路由 URL 和参数(2)
后面给一个自典型的参数,里面key queryParams里面再指定一个字典。
4-10 路由 URL 和参数(2)

读取用queryParamsMap
4-10 路由 URL 和参数(2)

实战

topMenu加上id属性。

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

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

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

4-10 路由 URL 和参数(2)
这里删掉
4-10 路由 URL 和参数(2)

4-10 路由 URL 和参数(2)
加一个else判断
4-10 路由 URL 和参数(2)
使用ng-template
4-10 路由 URL 和参数(2)

定义的变量
4-10 路由 URL 和参数(2)

4-10 路由 URL 和参数(2)
得到当前路由传过来的参数,从当期激活的路由得到参数。
4-10 路由 URL 和参数(2)

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

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

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

修正else other 这里没有#号

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

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

4-10 路由 URL 和参数(2)
打印参数
4-10 路由 URL 和参数(2)
它叫做路径参数
4-10 路由 URL 和参数(2)

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

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

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

传值

4-10 路由 URL 和参数(2)
问号的形式是查询参数

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

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

结束

 

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

上一篇:Mybatis sql动态查询(可以填参数也可不填)


下一篇:Nginx 强制 HTTPS 配置