title: How to send value of dropdown in backend in angularjs?
body: <p>I am using Spring + AngularJS. How to send value of dropdown in backend in angularjs? </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
      &lt;select  ng-model="algoList"&gt;
          &lt;option ng-repeat="algo in algoList" value="{{algo}}"&gt;{{algo}}&lt;/option&gt;
      &lt;/select&gt;
      &lt;button class="btn btn-primary" ng-click="applyAlgo()"&gt;
          &lt;span class="glyphicon glyphicon-right"&gt;&lt;/span&gt; Apply
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$scope.algoName = "";
  $scope.algoList= ["DC_CleaningOperations","FilerOperation"];
  $scope.applyAlgo = function() {
  var response =  $http.post('/idw-dv/getAlgo', $scope.algoName);
  response.success(function(data, status, headers, config) {
      swal("Following algorithm is applied successfully. :",data,"success");
      console.log(data);
  });
  response.error(function(data, status, headers, config) {
      swal( "Exception details: " + JSON.stringify({data: data}));
  });
  </code></pre>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>@RequestMapping(value = "/getAlgo", method = RequestMethod.POST)
  @ResponseBody
  public String getAlgorithm(@RequestBody String algoName) {
      return algoName;
  }
  </code></pre>