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指令应用条件样式

标记

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

逻辑

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

指令采用任何有效表达式的地方

也可以看看：

如何在 AngularJS 中有条件地应用 CSS 样式？