<!DOCTYPE html>
<html>
<head>
<script src="https://code.angularjs.org/1.3.14/angular.js"></script>
<script>
var app = angular.module('appServices', []);
app.service('angularServices', function($http) {
this.getUser = function(baseURL) {
return $http({
method: 'GET',
url: baseURL
});
}
});
app.controller("angularController", function($scope, angularServices) {
var baseURL = "http://localhost:9669/";
$scope.users = [{
UserID: 1,
UserName: 'Anil Singh',
UserEmailID: 'anil@gmail.com',
UserAddress: 'Noida, India'
}, {
UserID: 2,
UserName: 'Sunil Singh',
UserEmailID: 'sunil@gmail.com',
UserAddress: 'Noida, India'
}, {
UserID: 3,
UserName: 'Sushil Singh',
UserEmailID: 'sushil@gmail.com',
UserAddress: 'Noida, India'
}];
//Call the services using the services name "angularServices".
angularServices.getUser(baseURL).then(function(data) {
if (data !== undefined) {
console.log(data);
$scope.users =JSON.stringfy(data);
}
});
});
</script>
</head>
<body ng-app="appServices">
<div ng-controller="angularController">
<div>
<h1>Users Detail</h1>
</div>
<div ng-repeat="user in users">
<div>UserID : {{user.UserID}}</div>
<div>UserName: {{user.UserName}}</div>
<div>UserEmail: {{user.UserEmailID}}</div>
<div>UserAddress: {{user.UserAddress}}</div>
<ul></ul>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */