So rufen Sie dynamische Stile in angular2

Ich versuchte, die themeColor Variable in .activeLink-Klasse aufzurufen, aber es funktioniert nicht. Ist es möglich, den Wert dynamisch zu erhalten? bitte hilfe.So rufen Sie dynamische Stile in 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>

Quelle

2017-07-03 Sridhar

Es gibt keine Interpolation Unterstützung für Stile in Angular

Sie verwenden können, ist

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

Quelle

2017-07-03 06:53:39

Ich möchte – Sridhar

mit Klasse dynamisch die Hintergrundfarbe ändern, dann verwenden '[class.my-class] =" isMyClass "' oder '[ngClass] =" {'my-class': isMyClass} " –

bro, ist es möglich, die Stile hinzuzufügen, ohne den Klassennamen in "routerLinkActive" zu verwenden? – Sridhar

So rufen Sie dynamische Stile in angular2

Antwort

Verwandte Themen