How to call dynamic styles in angular2

Question

I hereby tried to call the themeColor variable in .activeLink class, but it's not working. Is it any way to get the value dynamically? please help.

 styles:[`
    .activeLink{
        background:${this.themeColor} !important;
        color: #fff !important;
    }
`]


export class NavBarComponent implements OnInit{
  themeColor = "#ff0"
}

HTML

<a [routerLink]="['/public']" routerLinkActive="activeLink" 
[routerLinkActiveOptions]="{exact:true}"><i class="fa fa-home"></i> {{ 
'home.menu.home' | translate }}</a>

Answer 1

There is no interpolation support for styles in Angular

You can use

<some-element [style.background-color]="themeColor"