Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<div ng-repeat="terr in terrData.data">
<div class="customer-row" ng-click="clickCustomerSelect(terr)">
<input class="customer-radio" type="radio" name="customer-select" ng-model="selectedCustomerRow" value="{{terr.customerID}}">
<div class="contact-data-column">{{terr.custNm}}</div>
<div class="primaryphone-data-column">{{terr.primaryPhone}}</div>
<!-- other customer data -->
</div>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.terrData = {};
$scope.terrData.data = [
{customerID: '1', custNm: 'A', primaryPhone: '123' },
{customerID: '2', custNm: 'B', primaryPhone: '123' }
];
$scope.selectedCustomerRow = "";
$scope.clickCustomerSelect = function(customer){
$scope.selectedCustomerRow = customer.customerID;
console.log($scope.selectedCustomerRow);
//Other business logic
};
$scope.name = 'Superhero';
}