title: How can I disable to select the particular option from Angular JS dropdown?
body: <p>I want to disable a particular option from AngularJS dropdown.</p>
  
  <p>It should be listed in the dropdown but should not allow it to be selected. So i need to disable it.</p>
  
  <p><strong>MyFile.tpl.html</strong></p>
  
  <pre><code>&lt;select class="form-control" ng-model="selectedFruits" 
          ng-options="fruit as fruit.name for fruit in fruits"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>MyController.js</strong></p>
  
  <pre><code>$scope.fruits = [{'name': 'apple', 'price': 100},{'name': 'guava', 'price': 30},
                   {'name': 'orange', 'price': 60},{'name': 'mango', 'price': 50},
                   {'name': 'banana', 'price': 45},{'name': 'cherry', 'price': 120}];
  </code></pre>
  
  <p>Here all the fruit names should be listed in the dropdown but <strong>mango</strong> and <strong>cherry</strong> should be disabled and should not allow the user to select it.</p>
  
  <p>Is it possible? If possible, please let me know the solution please.</p>