2016-05-13 63 views
-3

我想要實現的角度JS拾色器及以下的樣品,顏色選擇器中的角JS

http://screencast.com/t/A7q6rTN5e

任何人都可以建議如何在角JS實現這一點?

+0

我可能會做一個數組,有圖標的文件,我想使用的每種顏色的按鈕名稱,然後針對特定顏色的顏色設置,渲染的按鈕ng-repeat並通過設置顏色來響應每個按鈕的點擊。如果這是你打算在多個地方使用的東西,那麼它是一個指令的好候選者。 –

+0

@MikeFeltman:你可以用示例代碼 – John

+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>

+0

而不是硬編碼bgcolor中的值,我們可以在控制器 – John

+0

中設置這個值,是的,爲什麼不呢,並且使用ng-repeat – YOU