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?

Community · Accepted Answer · 2017-05-23 10:28:11Z

-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

2 Comments

I don't have an element to attach it on because I use "ng-options" to create option element.