input & ng-repeat

by Ilya Vo

HTML

<div ng-app="" ng-controller="OrderCtrl">
    <div ng-repeat="item in items" style="text-indent: 30px">
        <label>
            <input type="radio" name="item" ng-checked="{{item.checked}}" ng-click="change_item($event)" item-name="{{item.name}}" item-price="{{item.price}}" /> {{item.name}} + {{item.price}} 
        </label>
    </div>
    
    Your choice: {{selectedName}}
    <br />
    Price: {{selectedPrice}}
</div>

JavaScript

OrderCtrl = function ($scope) {
    $scope.change_item = function(e) {
        $scope.selectedName = e.target.attributes['item-name'].value;
        $scope.selectedPrice = e.target.attributes['item-price'].value;
    };
            
    $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
    }]
}