angular2的routerLinkActive指令在路由激活时添加样式class
<a routerLink="/user/login" routerLinkActive="red">login
当url是user或者/user/login的时候,a标签将会被加上classred。当url变化为别的时,class将会被移除。
如何添加两个class
routerLinkActive的两种写法
也可以给routerLinkActive进行配置参数
传递exact: true表示路由完全匹配时才高亮,如
使用isActive检查当前是否路由处于激活状态
如果当前路由处于激活状态,则会显示:login 激活
非激活状态
login 未激活
上述的 rla 为routerLinkActive缩写,它可以随便定义。
重点来了: 使用routerLink元素的父元素上使用RouterLinkActive指令