如何在angular2中调用动态样式

Question

我特此尝试在.activeLink类中调用 themeColor 变量，但它无法正常工作。是否可以动态获取价值？请帮忙。

 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

Angular

中没有样式的插值支持

您可以使用

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