title: AngularJs - ng-options not binding after ajax call
body: <p>I try to change the selected index of ng-options after ajax call, but it won't change.</p>
  
  <pre><code>//Html Section...
  
  &lt;select id="fooId" ng-model ="foo.formula"
     ng-options="formulas as name for (formulas, name) in the_formula"&gt;&lt;/select&gt;
  
  //End Html Section...
  
  
  //js file...
  
  //get list of formula from server...
  TheSource.Get.then(function(response){
      $scope.the_formula = response.the_formula;
  });
  
  
  //do something awesome, then..
  //binding data from server...
  
  TheData.Get.then(function(response){
      //binding the data to view...
      //all of the element is binding, except the ng-options part..
      $scope.foo = response; 
  
      //not working..
      //$scope.formula = response.formulaId //it is return integer ID like (1, 2, 3, etc..)
  });
  
  // End js file...
  </code></pre>
  
  <p>And this is the data that send by My API.</p>
  
  <pre><code>{ 
     "the_formula":{
       "123":"formula1",
       "124":"formula2"
     }
  }
  </code></pre>
  
  <p>What's wrong? How To Automatically change selection in ng-options?</p>