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

指定路由配置和匹配路由时，不包括查询和可选参数。这就是为什么确切：真不适合你。

如果您需要确保路线的处理方式不同，请尝试使用所需的参数。然后，在配置中定义路由的细节，并在路由器匹配路由时进行考虑。