@H_301_6@
我试图使用routerLinkActive与以下情况
‘./path1’链接路径1应该是活动的.
‘./path1?param1=70000\u0026amp;param2=test2’链接路径1应该是活动的.
‘./path1/path2’链接路径2应该是活动的.
<a [routerLink]="./path1" [routerLinkActiveOptions]="{ exact: true }"
[routerLinkActive]="['active']">My link</a>
使用routerLinkActiveOptions path1 with queryparams不活动.
如何配置routerLinkActive以使用任何查询参数？
解决方法
您可能希望看到
this question.他设法通过添加另一个标签使其工作,但将其隐藏,并将所有内容包装在li标签内.看起来像.
<li routerLinkActive="active">
<a [routerLink]="['/view',10]"
[queryParams]="{'offset': 0,'numberOfItems': 100}"
queryParamsHandling="merge">
<div>View</div>
<div><span class="badge" [innerHtml]="viewCount"></span></div>
</a>
<a [routerLink]="['/view',10]" style="display:none;">
<div><span class="badge" [innerHtml]="viewCount"></span></div>
</a>
</li>
