javascript - 通过代码 ionic 改变div的背景颜色

标签 javascript angular typescript ionic2 ionic3

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

最佳答案

如果只是单一样式,可以使用属性绑定(bind)。在您的组件中:

public aColor: string = "#ccc";

然后在 View 中:

<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>

关于javascript - 通过代码 ionic 改变div的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45115813/

相关文章:

javascript - 是否可以从父类访问子类的属性?

javascript - Angular - 如何将多个 FormGroups 插入 FormArray?

javascript - 将事件中的 Rx.Observable 与 pausable 一起使用不会运行订阅功能

javascript - 将数组缩减为单个字符串

javascript - 使用 React 处理的 onClick 创建 anchor

php - 将 friend 姓名的 php 字符串传递给 javascript 函数

javascript - 如何在 TypeScript 中声明数组对象

Angular2 http 同步

.net - 在 ASP.Net 中使用模板生成 JavaScript

angular - 如何在 Angular 8 中使用本地字体系列?