AngularJS-为选项添加样式

标签 angularjs styles option

我有以下代码:

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

如何?是否可以?还是我需要指令或其他一些花哨的代码?

最佳答案

您可以通过Angular的内置 ng-style directive应用条件样式

标记

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

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

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

也可以看看:

How do I conditionally apply CSS styles in AngularJS?

关于AngularJS-为选项添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22603148/

相关文章:

wpf - WPF DataGrid列交替着色

python - 选择选项值不起作用

edit - 编辑时选择了多个 thymeleaf

html - 如何在 HTML 下拉列表中换行

javascript - 无法在 AngularJS 1.x 中动态加载指令

node.js - 如何发布nodejs网站

angularjs - AngularJS 中的路由参数

c++ - 为什么我的窗口中的按钮在 C++ 中看起来很旧?

.net - 未调用 RowStyleSelector

javascript - Ng-Model 与 Ng-If 不起作用(非常基本的示例)