AngularJS: Display users
HTML
<div ng-controller="YourCtrl">
<table style="width:100%">
<tr ng-repeat="user in users| filter: search">
<td>{{ user.Id}}</td>
<td><button type="button" ng-click="updateUser(user.Id)" >Update</button></td>
<tr>
</table>
<br />
Selected UserId: {{selectedUserId}}
</div>
JavaScript
'use strict';
var app = angular.module('myApp', []);
app.controller('YourCtrl', ['$scope', function($scope) {
$scope.users = [
{
"Id": 2609,
"FullName": "Hasan Ibn Alhaitham",
"Email": "[email protected]",
"Mobile": "5642597952",
"Birthdate": "1966-06-15T21:00:00.000Z",
"Gender": "Male",
"AcademicLevel": "Master"
},
{
"Id": 2615,
"FullName": "Welcome page",
"Email": "[email protected]",
"Mobile": "3243654645",
"Birthdate": "2015-06-09T21:00:00.000Z",
"Gender": "Male",
"AcademicLevel": "High School"
}
];
$scope.updateUser = function(userId) {
console.log(userId);
$scope.selectedUserId = userId;
};
console.log($scope.users);
}]);