Обновить как css переменная из Angular Сервис

Question

У меня есть файл _color.s css. У меня есть $ primaryImageURL, который хранит местоположение изображения. Можно ли обновить эту переменную из Angular службы. Я получаю информацию о местонахождении из звонка с моего сервиса angular. Изображение загружается из другого сервиса, и я пытаюсь динамически обновить местоположение основного изображения.

// _color.scss
$primaryImageURL = 'src/assets/img/primaryImage.png';

//Service
someService.getPrimaryColor().subscribe(data => {
  const brandingImg = data.brandImgUrl;
  // Need to update $primaryImageURL here dynamically. 
});

Заранее спасибо.

Answer 1

Вы не можете обновить переменную S CSS из переменной Angular. S CSS компилируется во время сборки в файл CSS. Что вы можете сделать, это сохранить первичный URL-адрес изображения в одной переменной в компоненте и затем связать его с помощью [src] = "...".