Data Binding to a specific item of an array in Angular

Question

Given a data structure that contains an array of JavaScript objects, how can I bind a certain entry from that array to an input field using Angular?

The data structure l

Answer 1

One way to do it is to simply add the necessary references to the scope, like this:

$scope.fieldF1 = fieldValue('F1');
$scope.fieldF2 = fieldValue('F2');

And then use those references:

Fiddle: http://jsfiddle.net/cbnAU/5/

Note: I'm assuming that $scope.data is static, but if it happens to be dynamic you can always watch for changes on it and recalculate the references...