离子通过代码改变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>