Difficulty with ng-model, ng-repeat, and inputs

by

This seems to be a binding issue.

The advice is don’t bind to primitives.

Your ngRepeat is iterating over strings inside a collection, when it should be iterating over objects. To fix your problem

<body ng-init="models = [{name:'Sam'},{name:'Harry'},{name:'Sally'}]">
    <h1>Fun with Fields and ngModel</h1>
    <p>names: {{models}}</p>
    <h3>Binding to each element directly:</h3>
    <div ng-repeat="model in models">
        Value: {{model.name}}
        <input ng-model="model.name">                         
    </div>

jsfiddle: http://jsfiddle.net/jaimem/rnw3u/5/

More Related Contents:

  1. ng-model for “ (with directive DEMO)
  2. How to iterate over the keys and values with ng-repeat in AngularJS?
  3. How to make ng-repeat filter out duplicate results
  4. AngularJS: ng-model not binding to ng-checked for checkboxes
  5. AngularJS For Loop with Numbers & Ranges
  6. Calculating sum of repeated elements in AngularJS ng-repeat
  7. Angular ng-repeat add bootstrap row every 3 or 4 cols
  8. passing 2 $index values within nested ng-repeat
  9. AngularJS. When select have ng-model attribute, ng-selected not working
  10. Preserve line breaks in angularjs
  11. How to use ng-repeat for dictionaries in AngularJs?
  12. Directive isolate scope with ng-repeat scope in AngularJS
  13. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  14. Ng-click doesn’t work inside ng-repeat
  15. AngularJS – How can I reference the property name within an ng-Repeat
  16. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  17. Using comma as list separator with AngularJS
  18. AngularJs Remove duplicate elements in ng-repeat
  19. Using ng-repeat to generate select options (with Demo)
  20. Using ng-if as a switch inside ng-repeat?
  21. What is `priority` of ng-repeat directive can you change it?
  22. AngularJS – Filter empty objects
  23. shuffle array in ng-repeat angular
  24. How to highlight a selected row in ngRepeat?
  25. ng-repeat specify a starting index
  26. angularjs text area character counter
  27. How to obtain previous item in ng-repeat?
  28. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  29. Angular ng-click event delegation
  30. Highlighting a filtered result in AngularJS

Leave a Comment