Angular RouterLink具有不同查询参数的活动匹配路由

这段代码生成了一些链接，如

/报告

/报告？集合=foo

/报告？收集=bar

所有链接都显示为活动。如何仅将一个确切链接显示为活动链接

<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>

报告


{{collection}}

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

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