I cannot get a <select> to show the correct <option> when using ng-value.

Given:
  $scope.EDef.One = "1";
  $scope.EDef.Six = "6";
  $scope.EDef.Ten = "10";

  $scope.modelOne = "1";
  $scope.modelTwo = "1";

And:
    <p>ModelOne = {{modelOne}}</p>
    <select ng-model='modelOne'>
      <option value="1">It is One</option>
      <option value="6">It is six</option>
      <option value="10">It is ten</option>
    </select>
  
    <p>ModelTwo = {{modelTwo}}</p>
    <select ng-model='modelTwo'>
      <option ng-value="{{EDef.One}}">It is One</option>
      <option ng-value="{{EDef.Six}}">It is six</option>
      <option ng-value="{{EDef.Ten}}">It is ten</option>
    </select>

The <select> for modelOne is correctly selected, but not for modelTwo.  Why 
not?

Plunker here: https://plnkr.co/edit/x3GzeSXvmvaMS4dGuArs

Thanks

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to