How to Add a Dropdown List to an Angular Page

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>Adding a dropdown to an Angular Page</title>  
  5.     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>  
  6.     <script type='text/javascript'>  
  7.         function CityDropdownCtrl($scope) {  
  8.             $scope.cities = ['Bangalre', 'Chennai', 'Delhi', 'Mumbai', 'Kolkata'];  
  9.             $scope.SelectedCity = {  
  10.                 cities: $scope.cities[2]  
  11.             };  
  12.         }  
  13.     </script>  
  14. </head>  
  15. <div ng-app ng-controller="CityDropdownCtrl">  
  16.     <select ng-model="SelectedCity.cities" ng-options="c for c in cities">  
  17.     </select>  
  18. </div>  
  19. </html>