用代码离子改变div的背景颜色

Question

如何用代码动态改变离子代码中div的颜色？

Answer 1

如果它只是一种风格，您可以使用属性绑定。在您的组件：

public aColor: string = "#ccc"; 

然后在视图：

<div [style.background-color]="aColor"></div> 

请大家看看ngStyle文档的更多信息，如果您需要设置动态多个样式：

<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>  
<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>  
<some-element [ngStyle]="objExp">...</some-element>