角度js中的颜色选择器

时间:2016-05-13 12:10:08

标签: angularjs

我想在角度JS中实现颜色选择器,下面是样本,

http://screencast.com/t/A7q6rTN5e

有人可以建议如何在角度js中实现这个吗?

1 个答案:

答案 0 :(得分:1)

通过您的截图

enter image description here

可能是这样的。

angular.module('eek', []).directive('pick', function(){
    return function(_, e) {
        e.find('td').on('click', function(){
           document.body.bgColor = this.bgColor
        })
    }
})
body{width:100%;height:100%}td{width:30px;height:30px;border:1px solid #fff}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<table ng-app=eek>
  <tr pick>
    <td bgcolor="google"></td>
    <td bgcolor="microsoft"></td>
    <td bgcolor="instagram"></td>
    <td bgcolor="jeffatwood"></td>
    <td bgcolor="crazy"></td>
    <td bgcolor="chucknorris"></td>
  </tr>
</table>