AngularJS -Module - Tutorial

by FCortesF

HTML

<div ng-app="exampleMod">
    <div ng-controller="personasController">
        <h1>{{title}}</h1>
        <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('personas', [])
    .service('personasService', function () {
    this.getPersonasList = function () {
        var _pList = [{
            nombre: "Oso Solicitoso",
            edad: 27,
            NIF: "123456-B"
        }, {
            nombre: "Reo Solicitoso",
            edad: 21,
            NIF: "246810-C"
        }];
        return _pList
    };
});

angular.module("exampleMod", ['personas']);

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