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

Javascript 离子通过代码改变div的背景颜色,javascript,angular,typescript,ionic2,ionic3,Javascript,Angular,Typescript,Ionic2,Ionic3,如何使用代码在ionic中动态更改代码中div的颜色?如果它只是一种样式,您可以使用属性绑定来实现此目的。在您的组件中: public aColor: string = "#ccc"; 然后在视图中: <div [style.background-color]="aColor"></div> 如果需要动态设置多个样式,请查看文档了解更多信息: <some-element [ngStyle]="{'font-style': styleExp}">...&

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

如果它只是一种样式,您可以使用属性绑定来实现此目的。在您的组件中:

public aColor: string = "#ccc";
然后在视图中:

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

如果需要动态设置多个样式,请查看文档了解更多信息:

<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上工作的,所以你总是可以在中找到如何做这些事情:)我没有意识到,对不起。非常感谢:)这不允许我在运行时更改它,只能在页面启动时更改,因为当我随后更新变量时,它不会更改其颜色。提前感谢:)是的,因为它是属性绑定,所以每次在组件代码中更新
aColor
属性时都应该更改颜色。如果这在你这边没有发生,那么可能有一个问题与Angular如何以及何时检测到变化有关。如果您愿意,请创建一个新问题(因为它与此问题无关),以便我们可以查看它并了解可能发生的情况。。。