如何在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中調用動態樣式

回答

相關問題