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

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

问号的形式

4-10 路由 URL 和参数(2)_干货_12

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

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

实战

topMenu加上id属性。

4-10 路由 URL 和参数(2)_干货_16

4-10 路由 URL 和参数(2)_干货_17

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

4-10 路由 URL 和参数(2)_数组_19
这里删掉
4-10 路由 URL 和参数(2)_重定向_20

4-10 路由 URL 和参数(2)_数组_21
加一个else判断
4-10 路由 URL 和参数(2)_重定向_22
使用ng-template
4-10 路由 URL 和参数(2)_angular8_23

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

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

4-10 路由 URL 和参数(2)_干货_27

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

4-10 路由 URL 和参数(2)_干货_29

修正else other 这里没有#号

4-10 路由 URL 和参数(2)_干货_30

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

4-10 路由 URL 和参数(2)_干货_32
打印参数
4-10 路由 URL 和参数(2)_重定向_33
它叫做路径参数
4-10 路由 URL 和参数(2)_angular8_34

4-10 路由 URL 和参数(2)_重定向_35

4-10 路由 URL 和参数(2)_重定向_36

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

传值

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

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

4-10 路由 URL 和参数(2)_干货_40

结束