在android后退按钮上按导航栏不立即刷新活动类答案

【问题标题】：On android back button press navbar not refreshing active class immediately在android后退按钮上按导航栏不立即刷新活动类
【发布时间】：2019-03-28 10:14:35
【问题描述】：

使用 chrome(android) 和按下后退按钮 (android) 的 Web 应用程序处于活动状态，单击外部会删除导航栏中的旧活动。

尝试添加 [routerLinkActiveOptions]="{ exact: 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>

【问题讨论】：

这只是一个网络应用程序，还是您将其打包成cordova之类的东西？
不只是网络应用程序。没有移动应用程序。在 android 中使用 chrome。
'点击外部会删除导航栏中的旧活动' - 您确定误导您的不只是 :focus 或 :active 样式吗？
：悬停是问题所在。但现在我在桌面上失去了悬停效果。

标签： angular twitter-bootstrap navbar

【解决方案1】：

触摸屏不需要悬停，所以我只通过这样的媒体查询将悬停应用于鼠标设备。

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

【讨论】：