AngularJS select，设置下拉菜单项的背景颜色

Question

我有许多项目的下拉列表，如果我点击选择来显示列表，我想突出显示不同颜色的列表中的一些项目。

预期行为：当我们点击选择（在选择任何项目之前）时，如果标签Obligatory为真，如何让列表中的项目“Section3”在黄色（背景部分）中突出显示？

$scope.globalSections = [ 
     {name: 'Section1', department: 'Summary'}, 
     {name: 'Section2', department: 'Group1'}, 
     {name: 'Section3', department: 'Group1', obligatory: true}, 
     {name: 'Section4', department: 'Group2'}, 
     {name: 'Section5', department: 'Group2'} 
     ]; 
     $scope.selectedSection = $scope.globalSections[0]; // Summary 

<select ng-model="selectedSection" ng-options="section.name group by section.department for section in globalSections"> 

plnkr version

Answer 1

所以这不会是你想要的答案，但你是不是要能够在一个跨浏览器的方式不作假做到这一点。另一个项目，我想完成类似的东西，这一点，唯一的办法就是做一个假的选择对象或使用第三方库像

https://select2.github.io/examples.html或 https://github.com/angular-ui/ui-select