Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="CityCtrl">
  <table>
    <tr>
      <th>Name</th>
      <th>Big</th>
      <th>Small</th>
      <th>Result</th>
    </tr>
    <tr ng-repeat="city in cities">
      <td>{{ city.name }}</td>
      <td>
        <input type="radio" name="{{city.name}}-{{$index}}" ng-change="check(city)"  ng-model="city.size" value="big_value">
      </td>
      <td>
        <input type="radio" name="{{city.name}}-{{$index}}" ng-change="check(city)" ng-model="city.size" value="small_value">
      </td>
      <td>{{city.size}}</td>
    </tr>
  </table>
</div>

CSS

table,
th,
td {
  border: 1px solid black;
  padding: 10px;
}

JavaScript

var myApp = angular.module('cityApp', []);

function CityCtrl($scope) {
  $scope.big = '';
  $scope.small = '';
  $scope.cities = [{
    id: 1,
    name: 'Tokyo'
  }, {
    id: 2,
    name: 'Guangzhou'
  }, {
    id: 3,
    name: 'Seoul'
  }];

  $scope.check = function(city) {
    console.log("City->" + city.name + " ::: Value->" + city.size);
  };
}