在Android后退按钮上按导航栏，不会立即刷新活动类

Question

使用chrome（android）的Webapp，然后按返回按钮（android），两项处于活动状态，并在外部单击以删除导航栏中的旧活动项。

试图添加[routerLinkActiveOptions] =“ {确切：true}”。这没有帮助。

<div class="row navbar-bottom-row">          
   <a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" class="col navbar-bottom-item">Home</a>                 
   <a routerLink="/myjobs" routerLinkActive="active" class="col navbar-bottom-item">Link</a>
   <a routerLink="/confirm" routerLinkActive="active" class="col navbar-bottom-item">Link</a>
   <a routerLink="/signup" routerLinkActive="active" class="col navbar-bottom-item">Link</a>                              
</div>

Answer 1

触摸屏不需要悬停，因此我仅通过这种媒体查询将悬停应用于鼠标设备。

@media (pointer: fine) {
  .navbar-bottom-item:hover {
      background-color: #000;
      color: #fff;
  }
}