routerLink和routerLinkActive动态传参

假设个场景：作一个菜单，有的节点是点击出现子节点，有的节点是点击跳转路由

想要实现是连接则跳转，不是则不跳转，能够这样作。

ts

isLink : boolean = false;
复制代码

html

<div [routerLink]="isLink ? data.url : null" routerLinkActive="node-active">
</div>
复制代码

css

.node-active{
    background: #006189;
}

复制代码

能够正常跳转，可是路由只要是Null的话就会处于激活状态，因此还需对routerLinkActive进行判断。

html

<div [routerLink]="isLink ? null : data.url" routerLinkActive="{{isLink ? 'node-active' : null }}">
</div>

复制代码