What is the angularjs way to databind many inputs?

Question

I\'m learning angularjs and I want to be able let the user enter many inputs. When these inputs are entered the list array elements should change accordingly. I

Answer 1

You'll have better luck if your list is an array of objects (as opposed to an array of primitives). This works fine even though a new scope is created with ng-repeat:

    Input {{$index+1}}:
    

with a controller of:

function TestController($scope) {
    $scope.list = [ { value: 'value 1' }, { value: 'value 2' }, { value: 'value 3' } ];
}​

See this fiddle as an example.

On the other hand if you are trying to bind to an array of strings the new scope will cause a problem as the values you are modifying will not be tied to the original array string primitives (as in this fiddle example).