title: Angular select with images
body: <p><strong>THE SITUATION:</strong></p>
  
  <p>I need to insert flags inside the language select. I have searched in Google and StackOverflow but the solutions founded are not working for me.</p>
  
  <p><strong>THE CODE:</strong></p>
  
  <p>In the controller:</p>
  
  <pre><code> $scope.language_list = [{'name': 'english', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png'},{'name': 'italian', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/it.png'}];
  </code></pre>
  
  <p>In the view:</p>
  
  <pre><code>&lt;select ng-model="language_selected"&gt;
      &lt;option ng-repeat="language in language_list" data-image="{{language.url}}" &gt;{{language.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>EXAMPLE:</strong></p>
  
  <p><a href="http://jsfiddle.net/tcVhN/168/" rel="nofollow">http://jsfiddle.net/tcVhN/168/</a></p>
  
  <p><strong>THE QUESTION:</strong></p>
  
  <p>How can i insert images inside the angular select?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Here is the Plunker of the solution, cleaned up:</p>
  
  <p><a href="http://plnkr.co/edit/hMlNjkDL3l0QKF37pCa0?p=preview" rel="nofollow">http://plnkr.co/edit/hMlNjkDL3l0QKF37pCa0?p=preview</a></p>