在angularjs中獲取並分配colorpicker hexa值作爲背景

Question

我正在運行angularJS項目，並且我採用了HTML顏色選擇器，我想將所選顏色從colorpicker分配給我的div。值應該是十進制十六進制。我的代碼如下。

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

    <div>Testing for bachground color </div> 

或者是否有任何其他控件可以用於上述目的（Angularjs）。

Answer 1

只需使用background-color屬性，並指定十六進制值到

<div style="background-color: #a9a1a1;">Testing for bachground color </div>

EDITED

你需要使用ng-style屬性從選定顏色後的風格結合選色器。

首款採用NG-模型來獲得所選擇的顏色值

<input type="color" id="html5colorpicker" ng-model="mycolor" /> 
<div ng-style="divStyle">Testing for bachground color </div> 

在控制器中創建一個手錶ng0model變量和樣式添加到divStyle

$scope.divStyle = { 
    'background-color': 'white' 
} 
$scope.$watch('mycolor', function(val) { 
    $scope.divStyle = { 
     'background-color': val 
    } 
}); 

DEMO