javascript - 有没有办法将 ngClass 附加到伪类？

Question

我正在尝试为该元素添加动态样式:

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

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

Answer 1

在你想要的元素(它所在的组件)的容器上添加一个动态类，然后做这样的事情

// 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
}

您可以从 Angular style special selctor 阅读更多关于 :host 和 ::ng-deep 的信息