Question

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

预期行为：当我们点击选择（在选择任何项目之前）时，如何获得项目＆＃34; Section3＆＃34;如果标签Obligatory为true，那么从列表中突出显示为黄色（背景部分）？

$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

AngularJS选择，设置下拉列表中1项的背景颜色

1 个答案: