Как получить данные из radio buttons в AngularJs?

Question

[Илья]

Привет. Пытаюсь получить данные из радио кнопок. В данном случае radio buttons сгенерированны из массива с помощью ng-repeat. Подскажите как получить name и price выбранного элемента.

Help!

jsfiddle.net/hanze/j9x23apu

**html**

<h1>Select </h1>

    <div ng-app="" ng-controller="OrderCtrl">
          <div ng-repeat="item in items">
    <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: {{}} **what i must write here?**
    <br>
    Price: {{}} **and here?**
    </div>

**js**

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

Answer 1

[_ _]

jsfiddle.net/217cxjmy

Comments

[Илья]

А как сделать чтобы один из элементов был выбран и передан?

Answer 2

[Krio]

Еще пару вариантов:
jsfiddle.net/j9x23apu/20
1. Т.к. ng-repeat создает новый scope, то для ng-model используем $parent, что бы "попасть" в нужный scope
ng-value="item" ng-model="$parent.selected"
+ если надо отследить изменение, то можем добавить ng-change="changed()"

2. Основан на ng-click, указываем действие при клике и передаем сразу item
ng-click="selectItem(item)"

Comments

[Илья]

А как сделать чтобы один из элементов был выбран и передан?

[Krio]

Если надо, что бы оно "реагировала" на "checked: true", то можно перебрать массив любым способом и найти первый item.checked и установить его в $scope.selected;
Ну или в лоб $scope.selected = $scope.items[0];

Рекомендую разобраться как с формами оптимальней работать. Какие подводные камни могут быть.
Angular хоть и позволяет оперировать значением инпутов как объект, но это не очень корректно, т.к. инпуты должны содержать в значении простые данные - их проще валидировать.
Т.е. для radio это может быть $index массива, item.id или в вашем случае item.value - что-то уникальное, все равно чаще всего на сервер отправляются не "целый" объект, а его id.

[Илья]

спасибо