尝试设置一个范围变量，该变量将使用 jquery 更改函数进行更改答案

【问题标题】：Trying to set a scoped variable that will change with a jquery change function尝试设置一个范围变量，该变量将使用 jquery 更改函数进行更改
【发布时间】：2012-09-30 00:54:23
【问题描述】：

我不确定我这样做是否正确。我正在尝试通过使用颜色选择器选择颜色来设置 div 的背景。我有这个jsfiddle 来展示我想要做什么。但是 TargetColor 似乎没有约束力。我会以错误的方式解决这个问题吗？有人对如何通过示例进行此操作有任何建议吗？最终的想法是在颜色更改时更改页面上所有容器的颜色（容器的数量可能非常多，可以制作新的容器，这就是使用样式标签的原因）。

【问题讨论】：

为什么是-1？问题似乎合理
我认为是最初评论的那个人。我没有 -1 他的，但他一定认为我做到了，并且对我做到了。
我建议对小提琴进行一些更改并重新提交此问题：1）在某处调用 $scope.IntializeColor 2）将所有 DOM 操作移出控制器并放入指令中，以及 3）不要t 使用 ng-Style，而是让指令操纵您的 css 以更改 css 类的颜色，并将该 css 类分配给每个颜色会改变的容器。
@RoyTruelove 老实说，我不知道如何做第二个。我已经看过并阅读了很多关于指令如何工作的东西，但我仍然无法弄清楚如何制作自己的。我可以用一些基本的东西来做，但是当涉及到我想做的事情时，我什至无法接近，也找不到一个很好的例子来说明如何去做。

标签： javascript jquery angularjs color-picker

【解决方案1】：

这里有一个指令来处理这个问题：http://jsfiddle.net/g/LAJCa/

正如 cmets 中提到的，您不应该在指令之外进行 DOM 操作，如果您不遵守指南，您将不会从 Angular 中受益：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_controller

【讨论】：

我在reddit上发布了这个问题，也有人发布了this。有没有办法使用比另一个“更正确”的指令？或者它只是两种不同的方法。也非常感谢你。我似乎很难理解带有角度的指令是如何工作的。
这只是 2 种不同的方式，但是对于我的方式，您不必担心 stectrum 与父元素混淆，您可以使用 options 属性将选项传递给 stectrum init，所以我会说我的是更完整;)
和 reddit 不会将更改从颜色选择器外部传播到选择器