routerLink和routerLinkActive動態傳參

假設個場景:作一個菜單,有的節點是點擊出現子節點,有的節點是點擊跳轉路由css

想要實現是連接則跳轉,不是則不跳轉,能夠這樣作。html

tsnode

isLink : boolean = false;
複製代碼

htmlui

<div [routerLink]="isLink ? data.url : null" routerLinkActive="node-active">
</div>
複製代碼

cssurl

.node-active{
    background: #006189;
}

複製代碼

能夠正常跳轉,可是路由只要是Null的話就會處於激活狀態,因此還需對routerLinkActive進行判斷。spa

htmlcode

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

複製代碼
相關文章
相關標籤/搜索