<!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 */