AngularJS -Service - Tutorial

HTML

<div ng-app="AppPrincipal">
    <div ng-controller="personasController">
        <div ng-repeat="persona in personas" class="pList"> <b>Nombre:</b> {{persona.nombre}}
            <br/> <b>Edad:</b> {{persona.edad}}
            <br/> <b>NIF:</b> {{persona.NIF}}</div>
    </div>
</div>

CSS

.pList {
    border-bottom: 1px solid;
    margin: 10px;
}

JavaScript

angular.module('AppPrincipal.services', [])
    .service('personasService', function () {
    this.getPersonasList = function () {
        var _pList = [{
            nombre: "Soso Solicitoso",
            edad: 27,
            NIF: "123456-B"
        }, {
            nombre: "Resoso Hola",
            edad: 54,
            NIF: "24681012-D"
        }];
        return _pList
    };
});

angular.module("AppPrincipal", ['AppPrincipal.services']);

angular.module("AppPrincipal").controller('personasController', ["$scope", 'personasService', function ($scope, personasService) {
    $scope.personas = personasService.getPersonasList();
}]);