AngularJS выберите, установите цвет фона для 1 элемента раскрывающегося списка

Question

У меня есть раскрывающийся список многих элементов, и если я нажму на кнопку выбора, чтобы отобразить список, я хочу выделить некоторые элементы этого списка разного цвета.

Ожидаемое поведение: Когда мы нажимаем кнопку «Выбрать» (перед тем, как выбрать какой-либо элемент), как выделить элемент «Раздел 3» из списка в желтом (раздел фона), если тег «Обязательный» является истинным?

$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

Так что это не будет ответ, который вы хотите, но вы не собираетесь быть в состоянии сделать это в кросс-браузер таким образом, не притворяется. Для другого проекта я хотел сделать что-то похожее на это, и единственный способ это сделать поддельный объект выбора или использовать 3rd библиотеку партии, как

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