如何在angular2中调用动态样式

我特此试图在.activeLink类中调用themeColor变量，但它不起作用。是否有任何方式来动态获取价值？请帮忙。如何在angular2中调用动态样式

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>

来源

2017-07-03 Sridhar

中有角

的风格没有插值支持您可以使用

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

来源

2017-07-03 06:53:39

我想使用动态 – Sridhar

类然后用它来改变背景颜色'[class.my-class] =“isMyClass”或“[ngClass] =”{'my-class'：isMyClass}“' –

兄弟，是否可以在“routerLinkActive”中添加样式而不使用类名称？ – Sridhar

如何在angular2中调用动态样式

回答

相关问题