ANGULAR 使用 nativeElement.style：单击时如何更改光标样式（单击向下状态）答案

【问题标题】：ANGULAR using nativeElement.style: how to change cursor style when click-pressed(click on down state)ANGULAR 使用 nativeElement.style：单击时如何更改光标样式（单击向下状态）
【发布时间】：2020-06-20 05:26:17
【问题描述】：

我有原生 elementRef 代码：

this.eleRef.nativeElement.style = "_____?????_____"

什么应该在“？？？”给元素 :active 样式。（我想更改光标样式以在鼠标单击时更改（而不是单击））

【问题讨论】：

我不认为这是可能的。您应该只创建一个 css 类并将该类应用于您的元素。另外，我建议您使用angular.io/api/core/Renderer2

标签： javascript angular angularjs-directive angular8

【解决方案1】：

不，这是不可能的。因为active 不是 DOM 树的一部分，因此不要公开任何可用于与它们交互的 DOM API。

如果您想以编程方式处理伪元素，通常的方法是间接的：您添加/删除/更改类并在 CSS 中使该类影响相应的伪元素。因此，在您的情况下，您可以再拥有一个更改必要样式的类：

.yourclass:active {/* some styles */}

并使用ngClass添加和删除yourclass

【讨论】：