有什么办法可以将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的更多信息