input & ng-repeat
HTML
<h1>Select </h1>
<div ng-app="" ng-controller="OrderCtrl">
<div ng-repeat="item in items" style="text-indent: 30px">
<div class="radio">
<label>
<input type="radio" name="item" ng-value="item" ng-model="test" >{{item.name}} +{{item.price}} $.</label>
</div>
</div>
Your choice: {{model.selectedItem.value}}
<br>
Price: {{model.selectedItem.price}}
</div>
JavaScript
OrderCtrl = function ($scope) {
$scope.test = {};
$scope.items = [{
name: 'None',
value: "no",
price: 0,
checked: true
}, {
name: 'Black',
value: "black",
price: 99,
checked: false
}, {
name: 'White',
value: "white",
price: 99,
checked: false
}, {
name: 'Barhat',
value: "barhat",
price: 49,
checked: false
}, {
name: 'Barhat',
value: "cream",
price: 49,
checked: false
}]
$scope.selectedItem1 = $scope.items[0];
}