title: Angular-material md-select with images or svg
body: <p>I am using angular material, I want to use md-select but with images/svg; I am using md-option together with ng-repeat and the list of options works, but when I select something I see the text.</p>
  
  <p>Is it feasible?</p>
  
  <p>Thanks</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;md-select ng-model="mkt.bookmaker" placeholder="Select a bookmaker"&gt;
    &lt;md-option ng-value="opt" ng-repeat="opt in mkt.selected.matchInfo.bookmakers"&gt;
      &lt;md-icon md-svg-src="{{ opt.logo }}"&gt;&lt;/md-icon&gt;{{ opt.name }}
    &lt;/md-option&gt;
  &lt;/md-select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here some screenshots:
  <img src="https://i.stack.imgur.com/NGkCw.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/I47re.png" alt="enter image description here"></p>