Ejemplo de Factorías :
El código separado en dos archivos app.js e index.html
var app = angular.module(“app”,[]);
app.factory(‘FactoryUsers’, function()
{
return {
usuarios:[{
id : 0,
nombre : “Marcelo”,
edad : “33 años”
},
{
id : 1,
nombre : “juan”,
edad : “30 años”
},
{
id : 2,
nombre : “pablo”,
edad : “20 años”
}
]
}
});
app.controller(‘factoriaController’,[‘$scope’,’FactoryUsers’, function($scope,FactoryUsers){
$scope.usuarios = FactoryUsers.usuarios;
}])
Index.html
<!DOCTYPE html>
<html lang=”es” ng-app=”app”>
<head>
<meta charset=”utf-8″>
<title>Factorías en Angular</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>