title: How to send hidden field values with angularjs using ng-value
body: <p>Here is my form: </p>
  
  <pre><code>&lt;form ng-submit = "submit()"&gt;
                      &lt;input ng-model="formData.data" type="text" name="sticky_content" placeholder="protein" required="true"/&gt;
                      &lt;input type="hidden" name="time_start" ng-value="{{getStuff.e_time}}" required="true"/&gt;
                      &lt;input ng-model="formData.end" type="text" name="time_end" placeholder="{{getStuff.e_time+100}}" required="true"/&gt;
                      &lt;input type="hidden" name="zoom_level" ng-value="{{getStuff.zoom}}" required="true"/&gt;
                      &lt;input type="hidden" name="latitude" ng-value="{{getStuff.lat}}" required="true"/&gt;
                      &lt;input  type="hidden" name="longitude" ng-value="{{getStuff.lon}}" required="true"/&gt;
                      &lt;button type="submit" name="add_sticky" value="add a new stickie!"&gt;new sticky&lt;/button&gt;   
              &lt;/form&gt;
  </code></pre>
  
  <p>And this is in my controller: </p>
  
  <pre><code>app.controller('mainCtrl',function($scope,$http,sluiceStuff){
  
      $scope.formData={};
  
      $scope.formData.e_time = sluiceStuff.e_time;  //again, these are all filling correctly in the "inspect element tab. They just aren't submitting in the POST"
      $scope.formData.zoom = sluiceStuff.zoom;
      $scope.formData.lat = sluiceStuff.lat;
      $scope.formData.lon = sluiceStuff.lon;
  </code></pre>
  
  <p>Right now only the 1rst and 3rd inputs work - the ng-model ones. By work I mean get sent with the POST request. I know that for the other ones, the "{{getStuff.e_time}}" is filling correctly because i can see the number itself when I do inspect element. However, these other 4 inputs don't even submit, let alone submit correctly. Is this the correct format for my form and am I using ng-value correctly? I am running a node.js server, but since the request isn't even being sent with all of the data, I don't believe that there can be an issue on the server. </p>
  
  <p>Edit: upon request, here is the server side code: </p>
  
  <pre><code>app.post('/api/stickies',function(req,res){
          db.run("INSERT INTO stickies (data, start, end, zoom_level, latitude, longitude) VALUES (?,?,?,?,?,?)", [ req.body.data,req.body.time_start, req.body.end, req.body.zoom_level, req.body.latitude, req.body.longitude ]);
          res.send(200);
  });
  </code></pre>
  
  <p>and also here is the submit function: </p>
  
  <pre><code>$scope.submit = function() {
  
              $scope.formData.e_time = sluiceStuff.e_time;    //these 4 lines I added
              $scope.formData.zoom = sluiceStuff.zoom;        //to make it work. But I am 
              $scope.formData.lat = sluiceStuff.lat;          //not sure that they are necessary
              $scope.formData.lon = sluiceStuff.lon;           // or that this is the best way to do it
              $http.post('/node/api/stickies', $scope.formData)
                      .then(function(data){
                              $scope.stickies.push(data.config.data);
                              //console.log(data.data);
  
                      },function(err){console.log(err)});
      };
  </code></pre>