title: How to apply font-family in ng-option for each option
body: <p>I want to show a combobox whose all option font will be different.</p>
  
  <p>When using the <code>ng-options</code> directive in AngluarJS to fill in the options for a <code>&lt;select&gt;</code> tag I cannot figure out how to set the font-family for each option.</p>
  
  <pre><code>$scope.reportFontload=["Andale Mono","Arial","Arial Black","Bitstream Charter","Century Schoolbook L","Comic Sans MS","Courier 10 Pitch","Courier New","DejaVu Sans"];
  
  &lt;select ng-options="font for font in reportFontload" ng-model="selected"&gt;
   &lt;option value="" disabled selected&gt;Font Family&lt;/option&gt;        
   &lt;/select&gt;
  </code></pre>
  
  <p>For ng-repeat if i use to apply <code>style="font-family:{{font}}"</code>. It works for each and every option in the <code>ng-repeat</code>.</p>
  
  <p>Here is the example: <a href="http://jsfiddle.net/HB7LU/20362/" rel="nofollow">fiddle</a></p>
  
  <pre><code>&lt;select ng-model="selected"&gt;
    &lt;option value="" disabled selected&gt;Fonts&lt;/option&gt; 
    &lt;option ng-repeat="font in reportFontload" value={{font}} style="font-family:{{font}}"&gt;{{font}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I need to know , Why font-family is not works in <code>ng-option</code>. Guide me  any possible answer.</p>