Как изменить цвет фона и цвет моего макета с помощью scss в зависимости от некоторых условий в угловых?

Question

У меня есть файл scss с темами

$themes: (
  light: (
    backgroundColor: #fff,
    textColor: #408bbd,     
  ),
  dark: (
    backgroundColor: #222,
    textColor: #ddd,        
  ),    
  taxi: (
    backgroundColor:yellow,
    textColor:black,          
  ),
);      

Я хочу переключаться между ними при щелчке некоторых условий, которые я проверяю в своем файле машинописи.Как это сделать?

Answer 1

Вы не можете получить доступ к переменным .scss в вашем файле машинописного текста, но вы можете получить доступ к именам классов.Итак, я бы предложил вам изменить эти переменные scss на классы, и вы можете переключаться между ними, используя атрибут [ngClass] в зависимости от того, какое условие вы хотите.

Ссылка для справки: https://angular.io/api/common/NgClass