title: angular 1.x ng-options load dropdown from value
body: <p><a href="https://plnkr.co/edit/lvxHUKXI9tuToSNsD3Hg?p=preview" rel="nofollow">https://plnkr.co/edit/lvxHUKXI9tuToSNsD3Hg?p=preview</a></p>
  
  <p>Here is my plunker, I have my html like this</p>
  
  <pre><code>&lt;select ng-model="dropdown" ng-options="option.description for option in list" ng-change="hmm()"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>Then my datasource looks like this</p>
  
  <pre><code>$scope.list =   {"description":"jhello","value":4},"description":"bello","value":5}];
  $scope.dropdown = 5;
  </code></pre>
  
  <p>I have a <code>ng-model="dropdown"</code></p>
  
  <p>What I want to do is have the value of the model set to the selected option. So if I set dropdown=5, then the <code>$scope.list[1]</code> would be selected.  I know I can easily just call the index so <code>$scope.dropdown = $scope.list[1]</code> etc. However this requires extra mapping when I pull data out of the database for editing to map to this option. Then extra mapping to only store the 5 value into the database when I am trying to save (IE valueToSave = $scope.dropdown.value).  It would be nice if my model or value could automatically set up the correct option and automatically be ready for saving.  When you have 30 or so dropdowns and someone clicks edit the extra mapping to set the dropdowns and save again is really adding up.  How can I set the dropdown option using <code>$scope.dropdown = 5</code> and also make sure changes to the drop down update <code>$scope.dropdown</code> to the correct value so it is ready to save?</p>