Aquí un ejemplo de factorías en AngularJS
Código app.js
var app = angular.module(“app”, []);
app.factory(‘FactoryUsers’, function()
{
return {
usuarios: [{
id : 0,
nombre : “Juan Perez”,
edad : “30 años”
},
{
id : 1,
nombre : “Pablo Lopez”,
edad : “24 años”
},
{
id : 2,
nombre : “Juan”,
edad : “28 años”
},
{
id : 3,
nombre : “Pepito”,
edad : “18 años”
},
{
id : 4,
nombre : “Manuel”,
edad : “45 años”
}]
};
});
app.controller(‘factoriaController’, [‘$scope’,’FactoryUsers’, function($scope, FactoryUsers)
{
$scope.usuarios = FactoryUsers.usuarios;
}]);
Código del archivo Index.html
<!DOCTYPE html>
<html lang=”es” ng-app=”app”>
<head>
<meta charset=”utf-8″>
<title>Angularjs Factorías</title>
<link rel=”stylesheet” type=”text/css” href=”bower_components/bootstrap/dist/css/bootstrap.css” />
<script type=”text/javascript” src=”bower_components/angular/angular.js”></script>
<script type=”text/javascript” src=”bower_components/angular-route/angular-route.js”></script>
<script type=”text/javascript” src=”app.js”></script>
</head>
<body>
<div class=”container”>
<div class=”row” ng-controller=”factoriaController”>
<h1 class=”heading text-center”>Información de la factoría</h1>
<ul class=”panel panel-info”>
<li ng-repeat=”usuario in usuarios”>
<p>Id: {{ usuario.id }} Nombre: {{ usuario.nombre }} Edad: {{ usuario.edad }}</p>
</li>
</ul>
</div>
</div>
</body>
</html>