根据方法输出改变边框颜色离子

Question

我有应用程序的卡片列表。卡有左边框：

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

我有一种方法，它返回变量scss中colors map中指定颜色的名称。我怎样才能将我的方法输出绑定到边框颜色属性？

我可以通过使用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