Я работаю над панелью администратора, разработанной с помощью angular 4, и пытаюсь интегрировать разделы для настройки стиля, например изменения цвета, bg и т.д. Я уже разработал разделы для сохранения настроек в базе данных, которые получили их при загрузке приложения как json, используя API.
Теперь я пытаюсь создать динамический css, используя значения из json, я пробовал со следующим кодом в основном компоненте, но его не работал
@Component({
templateUrl: 'card.html',
styles: [`
.card {
height: 70px;
width: 100px;
color: {{css.cardColor}};
}
`],
})
Я не уверен, как мне загрузить значения css в компонент и использовать их в теге стиля. Я не нашел другого решения для этого.
Другой способ - использовать концепцию анимации angular, но css будет огромным, и его невозможно реализовать с анимацией angular с помощью триггеров и всех. Я считаю, что для этого есть решение, поскольку оно кажется подлинным требованиям и должно было быть сделано многими другими разработчиками.
Любая помощь заметна.
Edit: не может использовать ngStyle, поскольку он будет применяться почти ко всем элементам как к целому приложению, а не только к определенному элементу.