angular - 如何在angular2中调用动态样式

Question

我特此尝试在 .activeLink 类中调用 themeColor 变量，但它不起作用。有什么方法可以动态获取值(value)吗？请帮忙。

 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"