title: Angular HTML Select option disable and enable
body: <p>I have a html select option </p>
  
  <pre><code>&lt;select&gt;
      &lt;option ng-repeat="field in filter.fields" value="{{field.id}}"&gt;{{field.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>which I am iterating from ng-repeat , I want to disable option on basis of a filed selectable like </p>
  
  <pre><code>&lt;select&gt;
      &lt;option ng-repeat="field in filter.fields" {field.selectable==true?enable:disable} value="{{field.id}}"&gt;{{field.name}}&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>How can I achieve this with angular?</p>