假設個場景:作一個菜單,有的節點是點擊出現子節點,有的節點是點擊跳轉路由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>
複製代碼