AngularJS - 添加样式到选项

Question

我有这段代码：

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

我需要为这样的选项（生成）设置样式：

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

如何？可能吗？或者我需要指令或其他一些花哨的代码吗？

Answer 1

您可以通过Angular的内置ng-style directive

应用条件样式

标记

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

逻辑

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

指令采用任何有效表达式

另见：

How do I conditionally apply CSS styles in AngularJS?