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?