Angular Select Options with image

Satish picture Satish · Jun 2, 2014 · Viewed 30.5k times · Source

I want select drop down option with respective images ,can anyone help me in this , here is my code

<select  class="form-control demo-htmlselect" 
         ng-model="spList"  
         ng-options="spList.name for spList in spDTOList" 
         required>
    <option disabled selected>Select Option</option>
</select>

Here I want get the options with images, I want to use pure angularjs,

can anyone help me to use select2 with angular js Select2

Answer

Per Hornsh&#248;j-Schierbeck picture Per Hornshøj-Schierbeck · Jun 2, 2014

Take a look at this guy. He seems to have built something similair to what you want http://yairnevet.blogspot.dk/2013/02/multiple-select-drop-down-list-using.html

EDIT: It was pointed out to me (and i can see now when i see the code) that he indeed uses jquery to achieve what he easily could have done with angular alone. I still think the example serveres as a demonstration. The trick here is not use the default SELECT tag of html but instead style an UL with LI's to get the desired result.