title: Select-style dropdown in Angularjs disappears after selection
body: <p>I am attempting to create a select-style dropdown list with angular js. My immediate problem is that once the user makes a "selection", the list goes completely blank.  </p>
  
  <p>When I run the following in jsfiddle, the dropdown menu works as expected and the {{languageList.label}} populates the selected label from the list. (I see this is an older version of angularjs...)</p>
  
  <p><a href="http://jsfiddle.net/8wcrkf5z/" rel="nofollow noreferrer">http://jsfiddle.net/8wcrkf5z/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-controller="LanguageController"&gt;     
      {{message}}
      &lt;select ng-model="languageList" ng-options="language as language.label for language in languages"&gt;           
      &lt;/select&gt;
      &lt;p&gt;Selected: {{languageList.label}}&lt;/p&gt;
  &lt;div&gt;
  </code></pre>
  
  <p><strong>script.js</strong></p>
  
  <pre><code>var app = angular.module('app', []);
  
  function LanguageController($scope) {
      $scope.message = "Select language: "
      // language options
      $scope.languages = [{
        value: 'eng',
        label: 'English'
      }, {
        value: 'ger',
        label: 'German'
      }, {
        value: 'frc',
        label: 'French (Canada)'
      }, {
        value: 'frf',
        label: 'French (France)'
      }, {
        value: 'ara',
        label: 'Arabic'
      }];    
  }
  </code></pre>
  
  <p>I have had some difficulty porting this over to the current version of Angular js, but I have cobbled together the following on Plunker, although the dropdown menu populates correctly, once you make a selection, it goes completely blank, and the {{language.label}} does not update with the selection.</p>
  
  <p><a href="http://plnkr.co/edit/8v4qin" rel="nofollow noreferrer">http://plnkr.co/edit/8v4qin</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;head&gt;
    &lt;script data-require="angular.js@*" data-semver="1.4.0-beta.6" src="https://code.angularjs.org/1.4.0-beta.6/angular.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css" /&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="app"&gt;
    &lt;div ng-controller="LanguageController"&gt;
      &lt;!--&lt;h1&gt;{{ message }}&lt;/h1&gt;--&gt;
      &lt;select name="languageList" ng-model="languages" ng-options="language as language.label for language in languages"&gt;&lt;/select&gt;
      &lt;h2&gt;Selected Language: {{languageList.label}}&lt;/h2&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>script.js</strong></p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.controller('LanguageController', ['$scope', function($scope) {
      //$scope.message = "Please choose a language"
      // language options
      $scope.languages = [{
        value: 'eng',
        label: 'English'
      }, {
        value: 'ger',
        label: 'German'
      }, {
        value: 'frc',
        label: 'French (Canada)'
      }, {
        value: 'frf',
        label: 'French (France)'
      }, {
        value: 'ara',
        label: 'Arabic'
      }];
  }]);
  </code></pre>
  
  <p>Here is the <em>before</em> from Plunker preview:</p>
  
  <p><img src="https://i.stack.imgur.com/9jFjv.png" alt="enter image description here"></p>
  
  <p>And here is after the user makes selection:</p>
  
  <p><img src="https://i.stack.imgur.com/Qztyq.png" alt="enter image description here"></p>