Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl"> {{ x.selectedLicense }}
<ul>
<li ng-repeat="lic in licenses">
<input type="radio" ng-model="x.selectedLicense" ng-value="lic.nrOfLicenses"></input>
{{lic.nrOfLicenses}}
</li>
</ul>
</div>
<hr>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.licenses = [
{
nrOfLicenses: 5,
price: {
title: '€ 500',
amount: 500
}
},
{
nrOfLicenses: 10,
price: {
title: '€ 750',
amount: 750
}
},
{
nrOfLicenses: 20,
price: {
title: '€ 1000',
amount: 1000
}
},
{
nrOfLicenses: 50,
price: {
title: '€ 1500',
amount: 1500
}
}
];
$scope.x = {};
$scope.x.selectedLicense = $scope.licenses[0].nrOfLicenses;
console.log($scope.selectedLicense)
}