AngularJS: ng-repeat con valor clave - objeto de actualización
Estoy representando clave: matriz de objetos de valor con ng-repetición como esta:
<div ng-controller="mainCtrl">
<div ng-repeat="record in records">
<div ng-repeat="(key, value) in record">
<input ng-model="key" />: <input ng-model="value" />
</div>
</div>
</div>
JS:
var mainCtrl = function($scope){
$scope.records = [
{'key1':'val1'},
{'key2':'val2'}
];
}
El problema es que las claves y los valores no se pueden actualizar a través de las etiquetas de entrada. Por alguna razón, se convierte en un enlace unidireccional después de hacer que ng-repeat se repita (clave, valor).
Violín: http://jsfiddle.net/BSbqU/1/
¿Cómo puedo hacer que sea un enlace de dos vías? ¿O debería abordar este problema de una manera diferente y luego anidar ng-repetir?