Javascript 在桌面上切换ng click，但在移动设备上不起作用

我的页面顶部有一个过滤器行。 单击时，给定的过滤器过滤结果，并突出显示（特定类）。再次单击时，应清除该类，并从视觉上取消选择过滤器

这在桌面上运行良好，但在移动设备上，当我单击时，过滤器被正确选择（结果被正确过滤），但当我再次单击时，过滤器仍处于选中状态，破坏了用户体验。如果我再次单击其他内容，则过滤器将完全取消选择（单击一次会延迟…；）

有什么不对劲吗？我也尝试过安装ngTouch模块，但似乎没有任何改变

HTML:

js:

---

这是一个冲突的CSS条目

我对hover和selected有相同的规则，这会在mobile上引起冲突，因为mobile不支持hover

.filter:hover, .filter:selected {
   background-color: #ccc;
   color:white;
}

因此，我在媒体查询上移动了悬停规则，并应用了此解决方案

---

为了支持任何触摸设备。

这是一个冲突的CSS条目

我对hover和selected有相同的规则，这会在mobile上引起冲突，因为mobile不支持hover

.filter:hover, .filter:selected {
   background-color: #ccc;
   color:white;
}

因此，我在媒体查询上移动了悬停规则，并应用了此解决方案

---

为了支持任何触摸设备。

调试时，我可以看到属性

isSelected

正确设置为false，因此我不明白移动设备为什么不删除“selected”类？调试时，我可以看到属性

isSelected

正确设置为false，因此，我不明白为什么移动设备不删除“selected”类？

.filter:hover, .filter:selected {
   background-color: #ccc;
   color:white;
}