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>

複製代碼