title: Changing option does not show the option label/text in AngularJS
body: <p>I have a select dropdown and I am populating it with an array of objects. I am also assigning a default value to it so that a specific option is selected by default. When I change the option to something else, the option value changes (you can see this in the pre tag), but the option label/text appears blank. If I try to select some other option now, it selects the option &amp; also populates it's label/text correctly. </p>
  
  <p><strong>ISSUE:</strong></p>
  
  <p>So after the page loads, when I change the select option to a different value, the label/text does not populate. How to fix this so that the appropriate label shows up correctly? </p>
  
  <p>Here is all my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> angular.module('myApp', [])
     .controller('TodoCtrl', TodoCtrl);
  
   function TodoCtrl($scope, $window) {
     $scope.fieldObj = {};
     $scope.allMembers = [{
       "member_id": "1",
       "firstname": "a"
     }, {
       "member_id": "2",
       "firstname": "b"
     }, {
       "member_id": "3",
       "firstname": "c"
     }, {
       "member_id": "4",
       "firstname": "d"
     }, {
       "member_id": "5",
       "firstname": "e"
     }, {
       "member_id": "6",
       "firstname": "f"
     }];
  
     $scope.allMembers.unshift({
       member_id: "new",
       firstname: "Add New"
     });
     $scope.fieldObj.firstName = {};
     $scope.fieldObj.firstName = {
       "member_id": "3",
       "firstname": "c"
     };
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular.js" rel="script"&gt;&lt;/script&gt;
  &lt;div ng-app="myApp" class="container"&gt;
    &lt;h2&gt;Todo&lt;/h2&gt;
  
    &lt;div ng-controller="TodoCtrl"&gt;
  
      &lt;select ng-model="fieldObj.firstName" ng-options="member.member_id as member.firstname for member in allMembers track by member.member_id"&gt;
        &lt;option value=""&gt;&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;pre&gt;
              {{fieldObj.firstName | json}}
              {{message}}
          &lt;/pre&gt;
  
      &lt;div ng-if="fieldObj.firstName === 'new'"&gt;New option was selected&lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>