title: Angularjs dropdown Options to show current selected item
body: <p>What I want to accomplish here is when user gets into the application the selectedLocal is already set to ID 184 and Name A Name instead of the default name.</p>
  
  <p>Any help is appreciated.</p>
  
  <p>I have the following script: </p>
  
  <pre><code> function MyCtrl($scope) {
          $scope.User = [{
              ID: 109,
              Name: 'A Name'
          }, {
              ID: 161,
              Name: 'B Name'
          }, {
              ID: 184,
              Name: 'C Name'
          }];
  
          $scope.selectedLocal = [{ID: 184,Name: 'A Name'}]
  
      }
  </code></pre>
  
  <p>and the following html:</p>
  
  <pre><code>&lt;div ng-app ng-controller="MyCtrl"&gt;
      &lt;div&gt;{{selectedLocal}}&lt;/div&gt;
      &lt;select ng-model="selectedLocal" ng-options="item.Name for item in User" ng-change="localSelectChange()"&gt;
          &lt;option value=""&gt;Default&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here is the js fiddle <a href="http://jsfiddle.net/hamsaya/mmwy0aeo/" rel="nofollow">LINK</a></p>
  
  <p>thanks</p>