Ändern der Rahmenfarbe basierend auf Methodenausgabe

Question

Ich habe eine App mit einer Liste von Karten. Die Karte wurde Grenze links:

.card-border { 
    border-left: 6px solid; 
    } 

I Methode, die Namen der Farbe in den Farben angegeben kehrt Karte an Variablen, SCSS. Wie kann ich meine Methodenausgabe an das border-color-Attribut binden?

Ich kann Farbe mit ngStyle anwenden, aber nicht sicher, wie meine benutzerdefinierten Farben aus meiner Methodenausgabe gebunden werden.

Answer 1

Wenn es den Namen der Farbe zurückgibt, müssen Sie es nur als Zeichenfolge an eine Variable übergeben.

In Ihrem .ts Datei, die Sie

public myColor: string; 

myMethodWhoPickColors(){ 
    // CODE CODE CODE 
    // returned color as return 
    this.myColor = return; 
}; 

und in Ihrer ngStyle

[ngStyle]="{'border-color': myColor}" 

Hoffnung haben, würden dies hilft: D