input & ng-repeat

by Ilya Vo

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-model="item" ng-checked="{{item.checked}}">{{item.name}} +{{item.price}} $.</label>
    </div>
</div>
    
    Your choice: {{item.value}}
    <br>
    Price: {{item.price}}
</div>

JavaScript

OrderCtrl = function ($scope) {


$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
}]


}