Cómo obtener el valor seleccionado de ng-repeat
Este es mi codigo.
Estoy obteniendo datos a través de ng-repeat y mostrándolos como se muestra en el siguiente código.
Lo que quiero es que si hago clic en cualquiera de los nombres, debería alertarme con ese nombre. ¿¿Cómo puedo conseguir esto??
var myfriend = angular.module('myfriend',[]);
myfriend.controller('myfriendController', function($scope)
{
$scope.record = [
{ "id" : "01",
"firstname" : "Mohan ",
"middlename" : "K",
"lastname" : "Futterkiste1"
},{
"id" : "04",
"firstname" : "Rohan ",
"middlename" : "A",
"lastname" : "Futterkiste2"
},{
"id" : "08",
"firstname" : "sohan ",
"middlename" : "M",
"lastname" : "Futterkiste3"
}
]
});<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body ng-app="myfriend">
<table class="table" style="border:1px red solid; width:100%; " ng-controller="myfriendController">
<thead>
<tr>
<th>Id</th>
<th>First name</th>
<th>Middle name</th>
<th>Last name</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in record">
<th>{{x.id}}</th>
<th ng-click="selectInfo(x.id)"> {{x.firstname}}</th>
<th>{{x.middlename}}</th>
<th>{{x.lastname}}</th>
</tr>
</tbody>
</table>
<body>
</html>