AngularJS - Add style to option

Question

I have this code:

<select ng-options="key as value for (key, value) in {{set.values}}" ng-init="set.value" ng-model="item.styles[group][name].value"></select>

I need to set a style to the options like this (generated):

<option style="background: green;">
<option style="background: red;">

How? Is it possible? Or do I need a directive or some other fancy code?

do you want generate them depends on a condition? – Poyraz Yilmaz Mar 24 '14 at 07:22 — Poyraz Yilmaz, Mar 24 '14 at 07:22
I have them in an object. – Jens Törnell Mar 24 '14 at 07:42 — Jens Törnell, Mar 24 '14 at 07:42

score -1 · Answer 1 · edited May 23 '17 at 10:28

-1

You can apply conditional styles via Angular's built-in ng-style directive

<span ng-style="myStyle">Sample Text</span>

$scope.myStyle = {
   background: '#000000'
};

Where the directive takes any valid expression

See also:

edited May 23 '17 at 10:28

Community

answered Mar 24 '14 at 07:32

Wottensprels

I don't have an element to attach it on because I use "ng-options" to create option element. – Jens Törnell Mar 24 '14 at 07:43
http://stackoverflow.com/questions/15264051/how-to-use-ng-class-in-select-with-ng-options – Wottensprels Mar 24 '14 at 08:01

1 Answers1