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