メソッドの出力イオンに基づいてボーダーカラーを変更する

Question

私はカードのリストを持つアプリを持っています。カードは境界線を残しています：

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

私は、変数scssでカラーマップで指定された色の名前を返すメソッドを持っています。メソッドの出力を境界線の属性にバインドするにはどうすればよいですか？

ngStyleを使用してカラーを適用できますが、私のカスタムカラーをメソッド出力からバインドする方法がわかりません。

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

Answer 1

色の名前が返された場合は、文字列として変数に渡すだけです。あなた.TSで

あなたは

public myColor: string; 

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

を持っていますファイルとngStyle

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

ホープ、このことができます：D

を