Angularjs 为选择选项组提供样式

如何使用

ng选项

为

选择

选项组提供样式

HTML:

在上面的示例中，我想为颜色（蓝色和绿色）设置样式。

如何使用ng选项`

---

如果要为选项指定颜色，则必须使用ng repeat而不是ng选项，然后使用ng样式设置背景颜色

<select ng-model="filteredBy">
  <option ng-repeat="val in data" ng-style = "{'background':val.value}" >{{val.title}}</option>     
</select>

html

{{v.title}}

您想要什么类型的样式，如设置select的背景色或设置option的背景色？@F5'ed我想为options设置

颜色。请详细说明您的问题。您要为哪个元素赋予颜色？您不能使用ng repeat over标记并将样式/类别应用于同一元素吗@TechMa9iac但如何对选项进行分组？@pinkeerach感谢您从下一次开始编辑Word，我将遵循html格式。。。
  $scope.filteredBy = 'true';
    $scope.data = [{
      "group": "byStatus",
      "title": "ACTIVE",
      "value": "false"
    }, {
      "group": "byStatus",
      "title": "COMPLETED",
      "value": "true"
    }, {
      "group": "byColor",
      "title": "Blue",
      "value": "#27a9e3"
    }, {
      "group": "byColor",
      "title": "Green",
      "value": "#28b779"
    }];

<select ng-model="filteredBy">
  <option ng-repeat="val in data" ng-style = "{'background':val.value}" >{{val.title}}</option>     
</select>

$scope.filteredBy = 'true';
$scope.data = [{
  'group': 'byStatus',
  'content':[{'title': 'ACTIVE','value': 'false'}, {'title': 'COMPLETED','value': 'true'
}]}, {
  'group': 'byColor',
  'content':[{'title': 'Blue','value': '#27a9e3'}, {'title': 'Green',
  'value': '#28b779'}]

}];

<select ng-model="filteredBy">
  <optgroup ng-repeat="val in data" label={{val.group}} >
    <option ng-repeat="v in val.content" ng-style = "{'background':v.value}" >{{v.title}}</option>
  </optgroup>
</select>