根據方法輸出改變邊框顏色離子

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