gpt4 book ai didi

css - 如何使用颜色选择器angular js更改div背景

转载 作者:行者123 更新时间:2023-11-28 11:59:43 26 4
gpt4 key购买 nike

我想根据从颜色选择器中选择的颜色更改几个 div 的背景颜色。

我试过用这个:

<div ng-style="[id^='color']{background-color: '{{rgbPicker.color}} !important}'">
<div bind-html-compile="body">
<div id="color1"></div>
<div id="color2"></div>
<div id="color3"></div>
<div id="color4"></div>
</div>
</div>

我在 rgbPicker.color(十六进制代码)中有正确的颜色代码,但颜色没有改变。我怎样才能使它工作?

最佳答案

你真的需要/想要通过ngStyle吗?指令,当您只想设置背景颜色时?这是一个使用默认 <input> 的简单示例更新 <body> 的颜色选择器背景 $watch :

<input type="color" ng-model="color">
$scope.color = '#ffffff'
var body = document.querySelector('body');
$scope.$watch('color', function(newVal) {
body.style.backgroundColor = newVal
})

http://plnkr.co/edit/jdWdaqejBLb1hjXF680f?p=preview

你可以替换<body>与任何 querySelectable' 元素。

关于css - 如何使用颜色选择器angular js更改div背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47938697/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com