@Alex10214

Как задавать данные в css переменную, которые пришли из бэка?

Приветствую, у меня есть данные для темного фона сайта. Они хранятся в базе MSQL (Там просто лежат цвета). Мне нужно забрать эти цвета из базы и подставить в CSS переменные. Цвета я забрал, но не знаю как дальше подставить их в СSS переменные. Подскажите как это сделать? И можно ли такое реализовать вообще?
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
Не должно быть проблем

export class Component {
  constructor(
    private _http: HttpClient,
    private _elementRef: ElementRef
  ) {}

  ngOnInit() {
    const json = '{"--background-color": "black", "--text-color": "red"}';
    this._http.get('host')._subscribe(_res => {
      for (let [key, value] of Object.entries(
        JSON.parse(json)
      )) {
        this._elementRef.nativeElement.style.setProperty(
          key,
          value
        );
        console.log({ key, value });
      }
    });
  }
}


Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы