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}}" value="big_value" ng-click="check(city, 'big')">
      </td>
      <td>
        <input type="radio" name="{{city.name}}-{{$index}}" value="small_value" ng-click="check(city, 'small')">
      </td>
      <td>{{city.result}}</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, value) {
		city.result = value;
  };
}