Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用OnChanges angular来更改背景色?_Html_Css_Angular_Typescript - Fatal编程技术网

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>