Есть ли способ присоединить ngClass к псевдоклассу? - PullRequest
Новая
       14

Есть ли способ присоединить ngClass к псевдоклассу?

1 голос
/ 21 марта 2019

Я пытаюсь придать этому элементу динамический стиль: 

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

К сожалению, его нет в моем шаблоне, поэтому я не могу разместить на нем [ngClass]. На данный момент я делаю это, устанавливая глобальную переменную CSS onInit (), но это выглядит как обходной путь. Что мне не хватает? Есть ли более чистый способ сделать это? Спасибо за любые идеи или предложения!

1 Ответ

1 голос
/ 21 марта 2019

Добавьте динамический класс в контейнер вашего предполагаемого элемента (компонента, в котором он находится) и сделайте что-то вроде этого 

// 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 от Специальный продавец в угловом стиле

...