routerLinkActive匹配的路由參數

Question

此代碼生成的鏈接像

屈指可數/報道

/報告？收集= foo的

/報告？收集=酒吧

所有鏈接顯示爲活動。我如何只顯示一個確切的鏈接爲活動？

<li [routerLinkActive]="['link-active']" [routerLinkActiveOptions]="{exact: true}"> 
    <a [routerLink]="['/reports']"> 
    <span class='glyphicon glyphicon-expand'></span> Reports 
    </a> 
</li> 
<li [routerLinkActive]="['link-active']" [routerLinkActiveOptions]="{exact: true}" *ngFor="let collection of collections"> 
    <a [routerLink]="['/reports']" [queryParams]="{collection: collection}"> 
    <span class='glyphicon glyphicon-unchecked'></span><span>{{collection}}</span> 
    </a> 
</li> 

Answer 1

指定路由配置和匹配路由時，不包括查詢和可選參數。這就是爲什麼確切：真不適合你。

如果您需要確保路線的處理方式不同，請嘗試使用所需的參數。然後，在配置中定義路由的細節，並在路由器匹配路由時進行考慮。