AngularJS does not send hidden field value

by

You cannot use double binding with hidden field.
The solution is to use brackets :

<input type="hidden" name="someData" value="{{data}}" /> {{data}}

EDIT : See this thread on github : https://github.com/angular/angular.js/pull/2574

EDIT:

Since Angular 1.2, you can use ‘ng-value’ directive to bind an expression to the value attribute of input. This directive should be used with input radio or checkbox but works well with hidden input.

Here is the solution using ng-value:

<input type="hidden" name="someData" ng-value="data" />

Here is a fiddle using ng-value with an hidden input: http://jsfiddle.net/6SD9N

More Related Contents:

  1. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  2. Required attribute Not working with File input in Angular Js
  3. Angularjs how to upload multipart form data and a file?
  4. Angular form validation ng-disabled not working
  5. Angularjs – simple form submit
  6. Why does setting ng-model to undefined not make the form/input valid again?
  7. Passing data between controllers in Angular JS?
  8. HTML5 form required attribute. Set custom validation message?
  9. AngularJS : Difference between the $observe and $watch methods
  10. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  11. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  12. Intercept a form submit in JavaScript and prevent normal submission
  13. Check if option is selected with jQuery, if not select a default
  14. How to detect browser back button click event using angular?
  15. AngularJS browser autofill workaround by using a directive
  16. Dynamically create and submit form
  17. using setInterval in angularjs factory
  18. Adding a custom header to HTTP request using angular.js
  19. Angular.module minification bug
  20. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  21. Showing alert in angularjs when user leaves a page
  22. How to pass parameters to a modal?
  23. TypeError: Cannot read property ‘then’ of undefined
  24. How to save data from a form with HTML5 Local Storage?
  25. Submit form after calling e.preventDefault()
  26. Change value of input and submit form in JavaScript
  27. Angular UI Router: decide child state template on the basis of parent resolved object
  28. AngularJS: lazy loading controllers and content
  29. Function Called Multiple Times in AngularJS Repeat Section
  30. Load static JSON file in Webpack

Leave a Comment