AngularJS - 为选项添加样式

Posted 2023-02-22

【中文标题】AngularJS - 为选项添加样式

【英文标题】：AngularJS - Add style to option

【发布时间】：2014-05-01 10:34:23

【问题描述】：

我有这个代码：

<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;">

怎么样？可能吗？还是我需要一个指令或其他一些花哨的代码？

【问题讨论】：

你想根据条件生成它们吗？

我把它们放在一个对象里。

您找到解决方案了吗？

【参考方案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?

【讨论】：

我没有附加元素，因为我使用“ng-options”来创建选项元素。

***.com/questions/15264051/…