Binding ng-model inside ng-repeat loop in AngularJS

by

For each iteration of the ng-repeat loop, line is a reference to an object in your array. Therefore, to preview the value, use {{line.text}}.

Similarly, to databind to the text, databind to the same: ng-model="line.text". You don’t need to use value when using ng-model (actually you shouldn’t).

Fiddle.

For a more in-depth look at scopes and ng-repeat, see What are the nuances of scope prototypal / prototypical inheritance in AngularJS?, section ng-repeat.

More Related Contents:

  1. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  2. How to display length of filtered ng-repeat data
  3. Clicking a button within a form causes page refresh
  4. How to dynamically change header based on AngularJS partial view?
  5. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  6. What’s the recommended way to extend AngularJS controllers?
  7. Losing scope when using ng-include
  8. SyntaxError: Unexpected token o in JSON at position 1
  9. How does the $resource `get` function work synchronously in AngularJS?
  10. angularjs: allows only numbers to be typed into a text box
  11. Using Jquery Datatable with AngularJs
  12. Using require with relative paths
  13. Dynamic NG-Controller Name
  14. “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error for response from http://www.google.com/
  15. Accessing $scope in AngularJS factory?
  16. Angularjs: call other scope which in iframe
  17. Angular ui router unit testing (states to urls)
  18. What is the angularjs way to databind many inputs?
  19. Angular.js: set element height on page load
  20. AngularJS: How do I manually set input to $valid in controller?
  21. How can I handle browser tab close event in Angular? Only close, not refresh
  22. Using jqgrid with popover from angular ui bootstrap
  23. how to change the headers for angularjs $http.jsonp
  24. How can I access the value of a promise?
  25. Open links in new window using AngularJS
  26. AngularJS ng-src inside of iframe
  27. Clear localStorage on tab/browser close but not on refresh
  28. Angular controller scope not updating after jQuery ajax call
  29. angularjs: change filter options dynamically
  30. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller

Leave a Comment