ANGULAR с использованием nativeElement.style: как изменить стиль курсора при щелчке мышью (щелчок по состоянию вниз)

Question

у меня есть собственный elementRef CODE:

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

что должно быть в "???" чтобы дать элементу стиль : active . (я хочу изменить стиль курсора, чтобы он изменялся при щелчке мыши вниз (не при щелчке вверх))

Answer 1

Нет, это невозможно. Потому что active не является частью дерева DOM, и из-за этого не предоставляет никакого DOM API, который можно использовать для взаимодействия с ними.

Обычный подход, если вы хотите иметь дело с псевдоэлементами программно, - это косвенный: вы добавляете / удаляете / меняете класс и в CSS заставляете этот класс влиять на соответствующий псевдоэлемент. Итак, в вашем случае у вас может быть еще один класс, который меняет необходимый стиль:

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

И используйте ngClass для добавления и удаления yourclass