Adding style to ng-option on condition with AngularJs

Question

I am using the following code to render a select where the options are rendered with ng-options:

 <select ng-options="cat.id as cat.name for cat in categories">
       <option  value="" selected="selected">Default Option...</option>
 </select>

and I need to add a CSS style option (namely font-weight:bold) only to options that have paricular ids. Any suggestion?

Answer 1

If you need to style your options, consider using

<option
    ng-repeat="cat in categories"
    ng-value="{{ cat.id }}"
    ng-bind="cat.name"
    ng-style="cat.style"></option>