Angular POJO Model

main.js

'use strict';

var angular = require('angular'),
    app = angular.module('app', []);

require('./components/user/user-model');

app.controller('UserIndex', ['$scope', 'User', function($scope, User){
  $scope.users = [];

  for (var i = 0; i < 10; i++){
    $scope.users.push(User.findOne());
  }
}]);

user.js

'use strict';

var angular = require('angular'),
    _ = require('underscore');

function User(initialData) {
  if (initialData)
    _.extend(this, initialData);
}

User.$factory = ['$q', '$http', function($q, $http) {
  _.extend(User, {
    _q: $q,
    _http: $http
  });

  return User;
}];

angular.module('app').factory('User', User.$factory);

User.endpoint = 'http://api.randomuser.me/';

User.findOne = function() {
  var instance = new User();

  User._http.get(User.endpoint)
    .then(User.parse)
    .then(function(data){
      _.extend(instance, data);
    });

  return instance;
};

User.parse = function(res) {
  var deferred = User._q.defer();

  deferred.resolve(res.data.results[0].user);

  return deferred.promise;
};

User.prototype.getName = function() {
  return (this.name) ? this.name.first + ' ' + this.name.last : '';
};

User.prototype.getAvatar = function() {
  return (this.picture) ? this.picture.thumbnail : null;
};