title: display the selected item from drop-down box using angularjs
body: <pre><code>car.html
  
      &lt;body ng-app="carService" ng-controller="selectDropdown"&gt;
          &lt;div&gt;
              Car Brand:
              &lt;select ng-model="userSelect"&gt;
                  &lt;option value=""&gt;--Select--&lt;/option&gt;
                  &lt;option ng-repeat="ManufactureBrand in a" ng-bind="ManufactureBrand" 
                  &lt;/option&gt;
              &lt;/select&gt;
              &lt;input type="button" value="submit" ng-click="checkselection()"&gt;
              &lt;span color:red&gt;{{msg}}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p>detail.js</p>
  
  <pre><code>var app=angular.module('carService',[]);
  
  app.factory('Brandtest',function(){
      var brand={};
      brand.sample=['Bmw','Mercedes','Honda'];
      return brand;
  });
  
  app.controller('selectDropdown',['$scope','Brandtest',function($scope,Brandtest){
      $scope.a=Brandtest.sample;
  
     $scope.checkselection= function(){
          if($scope.userSelect !="" &amp;&amp; $scope.userSelect !=undefined){
          $scope.msg = $scope.userSelect;
  
  }
  }
  }]);
  </code></pre>
  
  <p>Hi, Im trying angularjs newly and Im having problem in displaying the selected item from a dropdown.Please help how to display the selected item from the drop-down box.
  Thanks in advance.</p>