Извлечь и назначить значения цвета шестиугольника в качестве фона в angularjs

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 атрибут, чтобы связать стиль после того, как цвет, выбранный из сборщик цветов.

первое использование нг-модель, чтобы получить выбранное значение цвета

<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