Html 如何使用OnChanges angular来更改背景色?
在我的应用程序中,当Html 如何使用OnChanges angular来更改背景色?,html,css,angular,typescript,Html,Css,Angular,Typescript,在我的应用程序中,当p2.value更改原始值时,我想更改特定div的背景色。我用的是角5 这是我在html组件中的div: <div class="col-md-6" *ngFor="let p2 of params | orderBy: 'position'" style="min-height: 96px; max-height: 96px; border-style: solid; border-color: #E5E5E5; border-width: 1px">
p2.value
更改原始值时,我想更改特定div的背景色。我用的是角5
这是我在html组件中的div:
<div class="col-md-6" *ngFor="let p2 of params | orderBy: 'position'"
style="min-height: 96px; max-height: 96px; border-style: solid;
border-color: #E5E5E5; border-width: 1px">
//do something
</div>
//做点什么
我希望当p2.value
改变时,这个div的背景必须是#ECF4FD试试这个颜色
<div [style.bg-color]="p2.value">
</div>
首先,您必须检查是否更改了
p2.value
。
然后使用此标志添加颜色
试着这样-
<div [style.background-color]="p2.isColorChanged? '#ECF4FD':''"></div>
在html文件中
<div [class.className]="p2.isColorChanged"></div>
我在哪里将背景色设置为#ECF4FD?它不起作用。我想我必须把背景色设为#ecf4fd,请检查一下。不要忘记在ts文件中生成颜色属性通过使用此选项,背景颜色始终为#ECF4FD。我想要的是,当p2.value从我从db得到的值改变时,backgound从#22222动态地改变为#ecf4fd,你必须在运行循环的参数的.ts
文件中计算它。将param的变量设置为isColorChanged
。在循环中检查它。然后在html
中,选中p2.isColorChanged
。最新答案
.className{
background-color: '#ECF4FD';
}
<div [class.className]="p2.isColorChanged"></div>