Below is the code snippet in question:
<div ng-controller="TestController">
<input ng-repeat="item in array" ng-model="selected.name" value="{{item.name}}" type="radio"></input>
</div>
<script type="text/javascript">
var app = angular.module('app', []);
app.controller('TestController', function ($scope) {
$scope.array = [{
name: 'lee',
seq: 1,
}, {
name: 'tom',
seq: 2,
}, {
name: 'jack',
seq: 3,
}];
$scope.selected = $scope.array[0];
});
</script>
Upon loading the page, the default checked radio box is functioning properly. However, there seems to be an issue where it cannot be unchecked, and only the other two checkboxes can be toggled. How might I go about resolving this problem?