离子通过代码改变div的背景颜色答案

【问题标题】：Ionic change background color of div by code离子通过代码改变div的背景颜色
【发布时间】：2017-12-20 07:30:54
【问题描述】：

如何使用代码在ionic中动态改变代码中div的颜色？

【问题讨论】：

标签： javascript angular typescript ionic2 ionic3

【解决方案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>

【讨论】：

很高兴为您提供帮助！请记住，Ionic2/3 是在 Angular 之上工作的，所以你总能在 Angular docs 中找到如何做这些事情：)
我没有意识到，对不起。非常感谢:)
这不允许我在运行时更改它，只能在页面启动时更改，因为当我之后更新变量时，它不会改变它的颜色。在此先感谢:)
是的，因为它是属性绑定，所以每次在组件代码中更新aColor 属性时，它应该改变颜色。如果这没有发生在您的最后，那么可能存在与 Angular 检测更改的方式和时间有关的问题。如果你愿意，请创建一个新问题（因为它与这个问题无关），以便我们查看它，看看会发生什么......