Dynami c загрузка цвета для мат-ввода

Question

Я получил следующую систему. У нас есть внутренняя система, которая получает данные от другой системы для настройки для нашего приложения angular.

Поэтому для каждого модуля мы загружаем свой цвет для стилизации нашего приложения. Модуль 1 = красный. Модуль 2 = синий.

Мы ищем динамическое c изменение цвета, потому что оно может быть изменено в любую секунду. Большинство решений, которые я видел, имеют жесткую кодировку css, но это не работает.

Мы попробовали:

<mat-form-field floatLabel="always" color="primary">
   <input #input matInput  [ngStyle]="{'color':  color }" />
</mat-form-field>

Мы попытались настроить поддон основного цвета или установить цвет с ngStyle, но безуспешно.

Answer 1

После еще нескольких копаний. Через несколько часов я нашел этот ответ.

{ ссылка }

Для этого необходимо использовать стороннюю организацию: https://github.com/johannesjo/angular-material-css-vars

То, что это делает, переопределяет основной, акцентный или предупреждающий поддоны из материалов Angular. Также я применил это на самом высоком уровне, где цвет установлен, иначе это вызовет перегрузку.

Answer 2

Я думаю, вы могли бы использовать " ngClass " вместо ngStyle. Вы можете обратиться к angular документам для его реализации. Я надеюсь, что это помогает. Официальные документы здесь