Angular js применяет значение палитры цветов

Я хочу применить значение времени выполнения средства выбора цвета в качестве цвета фона текста диапазона. Как я могу использовать модель в качестве значения цвета?

HTML:

<body ng-app="">
   <input type="button" value="set color" ng-click="myStyle={color:'red'}">
   <input type="button" value="clear" ng-click="myStyle={}">
   <input type="text" name="abc" class="color" ng-model="abc" ng-change="myStyle={color:'green'}">
   <br/>
   <span ng-style="myStyle">Sample Text</span>
   <pre>myStyle={{myStyle}}</pre>
</body>

Планкер: http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview


colors angularjs angularjs-ng-change
person Ashwin    schedule 30.09.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вам просто нужно использовать ng-модель вашего ввода.

<input type="text" name="abc" class="color" ng-model="color" ng-change="myStyle={'background-color':'#'+color}">

ваш плункер с кодом

person Mathieu Bertin    schedule 30.09.2014

arrow_upward
1
arrow_downward

Я не очень хорошо понял, что вы хотите сделать, но я думаю что-то вроде этого: когда вы выбираете какое-то значение в палитре цветов - ваш цвет фона span устанавливается на это значение. Вы можете увидеть этот планк:

Демонстрация: http://plnkr.co/edit/2QWZy5zwdmpND7vyEF03?p=preview

Я добавил модуль и контроллер.

person ababashka    schedule 30.09.2014