Angular 5.0.4 - routerLinkActive无法使用queryParamsHandling

Question

我正在使用按钮组，[routerLinkActive]="['active']"在我添加queryParamsHandling="preserve"时无效。我正在使用Angular 5.0.4。

以下是代码：

<div class="btn-group" role="group">
    <button [routerLink]="['route1']" [routerLinkActive]="['active']" queryParamsHandling="preserve" class="btn btn-secondary btn-responsive">route1</button>
    <button [routerLink]="['route2']" [routerLinkActive]="['active']" queryParamsHandling="preserve" class="btn btn-secondary btn-responsive">route2</button>
    <button [routerLink]="['route3']" [routerLinkActive]="['active']" queryParamsHandling="preserve" class="btn btn-secondary btn-responsive">route3</button>
</div>

当我添加queryParamsHandling="preserve"时，为什么在选择路线时按钮不会变为活动状态？

Answer 1

最有可能的是Bootstrap覆盖了你的班级。 确保你应该提供Stackblitz。

您可以尝试添加!important或在引导样式后加载自定义样式。