title: how to properly send and receive form data in an angular/node application
body: <p>I'm writing an app based on mean.js boiler plate</p>
  
  <p>I have a form in my angular view, which need to send some formData:</p>
  
  <pre><code> &lt;form name="form" ng-submit="postUpdate()"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;fieldset&gt;
                          &lt;legend&gt;&lt;strong&gt;Salesforce Opportunity&lt;/strong&gt; &lt;/legend&gt;
                          &lt;div class="col-sm-6"&gt;
                              &lt;label for="opportunityId"&gt;Opportunity ID&lt;/label&gt;
                              &lt;input id="kw" name="opportunityId" type="text" placeholder="kw" class="form-control" ng-model="kwRequired"/&gt;
  ......
  </code></pre>
  
  <p>In my angular controller, I have this:</p>
  
  <pre><code>$scope.postUpdate = function(){
              var posturl = '/salesforce_update';
              console.log('kwRequired  ' + $scope.kwRequired);
              var postData = {kw: $scope.kwRequired};
              $http.post(posturl,postData);
          }
  </code></pre>
  
  <p>Then, in my server node/express code, I have this handler:</p>
  
  <pre><code>....
  
  app.use(bodyParser.json());
      app.use(bodyParser.urlencoded({ extended: false }));
  ......
  
  
  app.post('/salesforce_update', function(req, res){
          console.log('Salesforce update Request Received');
          console.log('_parsedUrl.query:  ' + req.body.kw);
      });
  </code></pre>
  
  <p>I do get the request across to the server side just fine, but, upon examination, the request body is empty.</p>
  
  <p>What am I missing?</p>