как динамически изменить цвет углового материала?

Question

Я динамически меняю свою тему в Моем проекте, и я хочу изменить цвет (или фон) компонента Угловой материал: флажок, переключатель, ползунок, текстовое поле ...

Как изменитьих

пример:

 <mat-slide-toggle [(ngModel)]="expression" [color]="colorCss"></mat-slide-toggle>

ColorCss - переменная из компонента

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

Answer 1

При использовании компонентов материала атрибут Color принимает только три цвета: основной, предупреждение и акцент, которые являются стандартными в вашей теме.

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

Если компонент материала имеет один из этих цветов, он будет автоматически изменен.Но если ваш компонент материала имеет пользовательские цвета, вы должны изменить это с помощью директив ngStyle или ngClass.