Как динамически изменить значение свойства класса css на angular 6?

Question

Я хочу динамически изменять значение свойства класса css.В приведенном ниже коде «цвет» - это переменная, которую я хочу передать стилям.

    @Component({
    selector: 'app-gridmaker-component',
    templateUrl: './gridmaker-component.component.html',
    styles: [`
    ::ng-deep .dx-datagrid .dx-row-alt > td {
        background-color: color!important;  /* color is the variable */
    }
    `]

})

Спасибо заранее.