title: Change the drop down selected value from an angular controller
body: <p>I need to change the "selected value" of the drop down from the already saved value in db. How can I do that?</p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.controller('ctrl', function($scope) {
    $scope.months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
  
    $scope.selected='August';//here it's not working ?
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;html ng-app="app"&gt;
    &lt;body ng-controller="ctrl"&gt;
  &lt;div class="sample" align="center"&gt;
    &lt;h1&gt;AngularJS Combobox&lt;/h1&gt;
  &lt;select ng-model="selected" ng-options="opt as opt for opt in months" ng-init="selected='March'"&gt;&lt;/select&gt;
    &lt;h3&gt;You have selected : {{selected}}&lt;/h3&gt;
  &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://codepen.io/Sampath-Lokuge/pen/EIwGk" rel="nofollow"><strong>My CODE PEN is here.</strong></a></p>
  
  <p>Any help would be highly appreciated.</p>