获取和分配colorpicker hexa值作为angularjs中的背景

获取和分配colorpicker hexa值作为angularjs中的背景,angularjs,html,color-picker,Angularjs,Html,Color Picker,我正在运行angularJS项目,我已经使用了HTML颜色选择器,我想从colorpicker中将所选颜色分配给我的div。值应该是十六进制。我的代码如下 <input type="color" id="html5colorpicker" style="width:85%;"> <div>Testing for bachground color </div> 底色测试 或者有没有其他控件可以用于上述目的(Angularjs)。只需使用背景色

我正在运行angularJS项目,我已经使用了HTML颜色选择器,我想从colorpicker中将所选颜色分配给我的div。值应该是十六进制。我的代码如下

   <input type="color" id="html5colorpicker" style="width:85%;">

   <div>Testing for bachground color </div>

底色测试

或者有没有其他控件可以用于上述目的(Angularjs)。

只需使用
背景色
属性并为其指定十六进制值即可


测试底色
我想使用colorpicker中的值,单击输入框“啊,那么你可以将所选值设置为范围变量吗?我不知道如何从colorpicker中获取值,因为现在我只有html控件输入框。.是的,我只想这样!!!谢谢。只需一个小查询$scope.watch做什么?还有一件事我忘了提一下,我正在使用单页应用程序(ngRoute),所以它也能工作吗?我的点击事件代码在ts文件中。watch是一个作用域函数。每次“mycolor”更改都会触发。基本上,一个流行的概念叫双向绑定是可能的,因为手表。参数
val
是该变量的新值。无论您使用的是ngRoute还是ui路由器,都可以正常工作