What’s the difference/incompatibility between ng-model and ng-value?

by

It works in conjunction with ng-model; for radios and selects, it is the value that is set to the ng-model when that item is selected. Use it as an alternative to the ‘value’ attribute of the element, which will always store a string value to the associated ng-model.

In the context of radio buttons, it allows you to use non-string values. For instance, if you have the radio buttons ‘Yes’ and ‘No’ (or equivalent) with values ‘true’ and ‘false’ – if you use ‘value’, the values stored into your ng-model will become strings. If you use ‘ng-value’, they will remain booleans.

In the context of a select element, however, note that the ng-value will still always be treated as a string. To set non-string values for a select, use ngOptions.

More Related Contents:

  1. Controller not a function, got undefined, while defining controllers globally
  2. Add directives from directive in AngularJS
  3. How to set an iframe src attribute from a variable in AngularJS
  4. Why is `replace` property deprecated in AngularJS directives? [duplicate]
  5. How to set bootstrap navbar active class with Angular JS?
  6. How to require a controller in an angularjs directive
  7. AngularJS communication between directives
  8. How to make a directive update ng-model on jquery on event?
  9. AngularJS – Image “onload” event
  10. Dynamic NG-Controller Name
  11. Removing # from url in Angularjs while having .run in routes
  12. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  13. Showing alert in angularjs when user leaves a page
  14. Resetting form after submit in Angularjs
  15. Dynamic form name attribute in Angularjs
  16. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  17. Detect unsaved changes and alert user using angularjs
  18. angular directive ignore non-numeric input
  19. How can I listen for a click-and-hold in AngularJS?
  20. Extending AngularJs Directive
  21. ng-selected not working in select element
  22. Stating directive templateUrl relative to root
  23. Confirmation dialog on ng-click – AngularJS
  24. How to Unit Test Isolated Scope Directive in AngularJS
  25. Directive is being rendered before promise is resolved
  26. Add ng-click dynamically in directive link function
  27. How to create a custom input type?
  28. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  29. Why does setting ng-model to undefined not make the form/input valid again?
  30. How to Create simple drag and Drop in angularjs

Leave a Comment