Angular: Empty Fiddle
http://angularjs.org/
by Zmetser
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<div>
<form name="mergeForm" ng-controller="MergeFormController">
<div ng-repeat='field in merge' class="controls controls-row">
<label class="checkbox inline">
<input type="radio" ng-model="field.selected" value="0">
<span ng-bind="field.value[0]"></span>
</label>
<label class="checkbox inline">
<input type="radio" ng-model="field.selected" value="1">
<span ng-bind="field.value[1]"></span>
</label>
<label class="checkbox inline">
<input type="text" ng-model="field.value[field.selected]">
</label>
</div>
<pre>
{{merge}}
</pre>
</form>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
myApp.controller('MergeFormController', ['$scope', function($scope) {
$scope.merge = {
name: {
value: ['Mekk Elek', 'Vikar Bela'],
selected: 1
},
email: {
value: ['[email protected]', '[email protected]']
}
};
}]);