Untitled

<!DOCTYPE html>
<html>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="myModule" ng-controller="HelloCtrl">
    <h1>User:</h1>
    {{user.username}}
  </body>

</html>

angular.module('myModule', [])

  .factory('UserService', function($q, $timeout) {
  
    var getMyself = function() {
      var userDeferred = $q.defer();

      $timeout(function() {
        userDeferred.resolve({username: 'root'});
      }, 2000);
  
      return userDeferred.promise;
    };
    
    return {
      getMyself: getMyself
    };
  
  })
  
  .controller('HelloCtrl', function($scope, UserService) {
  
    $scope.user = UserService.getMyself();
  
  });

/* Styles go here */