AngularJS Example

by Bretto

HTML

<div ng-app="myApp">
  <div ng-controller="Ctrl">

    <h4>original object</h4>
    <div ng-repeat="(key, val) in obj">
        {{key}}: {{val.value}}
    </div>
    <h4>input for obj[key]</h4>
    <div ng-repeat="(key, val) in obj">
        {{key}}: <input ng-model="obj[key].value"/>
    </div>
    <h4>input for val</h4>
    <div ng-repeat="(key, val) in obj">
        {{key}}: <input ng-model="val.value"/>
    </div>    
  </div>

</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/angular-1.0.0rc9.min.js"></script>
<style>

JavaScript

function Ctrl($scope) {
    $scope.obj = {
        prop1: { value: 'val1' },
        prop2: { value: 'val2' }
    }
}
angular.module('myApp', [])