Кнопка углового радио не работает с моделью

Question

Я потратил много времени на то, чтобы найти решения, которые я нашел на SO, но ничего не работает для меня. Я создал jsfiddle на основе решения, которое я нашел на SO ниже ... но все равно не работает.

Есть несколько вопросов: 1) по умолчанию для выбранного радио не работает 2) при выборе радиокнопки она не обновляется модель, но, как представляется, уничтожить его

Пожалуйста, есть посмотри на мою скрипку и дайте мне знать, если я сделал что-то совершенно глупое. https://jsfiddle.net/findjon/z99dp7nq/

index.html

<div class="radio" data-ng-repeat="option in pudoOptions"> 
    <input type="radio" data-ng-model="selected.deliveryType" data-ng-value="deliveryType" />{{ option.name }} 
</div> 
{{ selected.deliveryType }} 

контроллер

$scope.pudoOptions = [{name:'standard'},{name:'nextDay'}]; 
$scope.selected = { 
    deliveryType : $scope.pudoOptions[0] 
}; 

Answer 1

Кажется код нужны некоторые изменения.

<div ng-app="testApp" ng-controller="testController"> 

    <div class="radio" ng-repeat="option in pudoOptions"> 
     <input type="radio" ng-model="selected.deliveryType" value="{{option.name}}" name="deliverType"/> 
     {{ option.name }} 
    </div> 

    {{ selected.deliveryType }} 
</div> 

В controller.js:

var app = angular.module('testApp', []); 

app.controller('testController', ['$scope', function($scope) { 

    $scope.pudoOptions = [{name:'standard'},{name:'nextDay'}]; 

    $scope.selected = { 
    deliveryType : $scope.pudoOptions[0].name 
    }; 

}]); 

Его работа для меня.

Answer 2

попробовать это

<div ng-app="testApp" ng-controller="testController"> 

    <div class="radio" ng-repeat="option in pudoOptions"> 
     <input name ="rname" type="radio" ng-model="selected.deliveryType" ng-value="option" /> 
     {{ option.name }} 
    </div> 

    {{ selected.deliveryType }} 
</div>