有没有办法将 ngClass 附加到伪 class？

Question

我正在尝试为这个元素添加动态样式：

input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{}

不幸的是，它不存在于我的模板中，因此我无法在其上放置 [ngClass]。目前我通过设置一个全局 CSS 变量 onInit() 来做到这一点，但这似乎是一种解决方法。我错过了什么？有没有更清洁的方法来做到这一点？感谢您的任何见解或建议！

Answer 1

在您想要的元素（它所在的组件）的容器上添加动态 class 并执行类似这样的操作

// my-component.html
<the-component [class.myClass]="myCondition"></the-component>

和

// my-component.css
:host ::ng-deep .myClass input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{
  // your dynamic style
}

阅读更多关于 :host 和 ::ng-deep 的信息

is there any way to attach an ngClass to a pseudo-class?