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

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

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

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

javascript css angular css-selectors pseudo-class

21.03.2019 02:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

394

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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
}

вы можете узнать больше о :host и ::ng-deep от Специальный селектор углового стиля

большое спасибо, есть ли какой-нибудь другой способ сделать это, не полагаясь на scss?

— 21.03.2019 03:38

@imnickvaughn Я обновил ответ, вам не нужно использовать scss, я использую его по умолчанию, поэтому я его и написал.

— 21.03.2019 03:48

21.03.2019 03:24

Другие вопросы по теме

Загрузить ссылку из левой панели в правый div

Масштабирование окна и компонента

Заголовок сайта Wordpress перемещается за элементами страницы при прокрутке

Содержимое div между верхним и нижним колонтитулом высотой 100%

Цвет при наведении для не меняющегося только фона

-webkit-fill-available не работает должным образом. Верх и низ вертикальной полосы прокрутки div неверны

Ionic v4: несоответствие уровня маржи между <ion-card> и <ion-list>

Использование Bootstrap 4 для изменения цвета и положения в одном классе

Как удалить отступы между навигацией, статьей и нижним колонтитулом?

Как добавить одну короткую строку '|' как разделитель столбцов в html-таблице

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

Ответы 1

Другие вопросы по теме

Похожие вопросы