https://cursoangularjs.es/ 2026-05-01T22:21:47+02:00 https://cursoangularjs.es/ https://cursoangularjs.es/lib/tpl/dokubook/images/favicon.ico text/html 2014-07-31T00:20:19+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:00_start&rev=1406758819&do=diff Esta unidad trata sobre el uso y la creación de servicios. La unidad puede parecer liosa al principio pero tras una segunda lectura ya deberían de poder entenderse todos los conceptos que se presentan. Temas * 3.1 Servicios * 3.2 $http * 3.3 $timeout * 3.4 Tipos de servicios * 3.5 constant * 3.6 value * 3.7 service * 3.8 factory * 3.9 provider * 3.10 Ejemplo servicio text/html 2014-08-29T21:08:53+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:01_servicios&rev=1409339333&do=diff Por ahora hemos visto 2 artefactos de AngularJS , los controladores y las directivas. En esta unidad vamos a ver otro conjunto de nuevos artefactos: los servicios. Aunque hablamos de servicios de forma genérica, AngularJS tiene realmente 5 tipos distintos de servicios: text/html 2014-08-30T13:26:21+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:02_http&rev=1409397981&do=diff El servicio $http permite hacer peticiones AJAX al servidor. Es realmente como el objeto XMLHttpRequest o el método ajax() de JQuery. La diferencia con estos dos últimos es que está integrado con Angular como un servicio (con todas las ventajas de ellos conlleva) pero principalmente porque notifica a AngularJS que ha habido un cambio en el modelo de JavaScript y actualiza la vista y el resto de dependencias adecuadamente. text/html 2014-08-29T21:26:31+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:03_timeout&rev=1409340391&do=diff El servicio de $timeout es como el método setTimeout() de JavaScript. La principal diferencia , a parte de que es un servicio, es que al igual que 3.2 $http se actualiza la vista al actualizar el modelo desde $timeout. La función $timeout soporta 3 parámetros: text/html 2014-09-07T14:46:55+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:04_tiposservicios&rev=1410094015&do=diff Hasta ahora hemos visto cómo usar varios tipos de servicios pero pasemos ahora a crear nuestros propios servicios. Como ya dijimos al principio de esta unidad realmente hay 5 tipos de servicios que son: * constant * value * service * factory * provider text/html 2014-08-29T21:36:45+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:05_constant&rev=1409341005&do=diff Una constant es un servicio al que le pasamos directamente el valor de dicho servicio. Su principal característica es que se puede inyectar en cualquier sitio. Se define llamando al método constant de un módulo.A dicho método le pasaremos el nombre de la constante y su valor. text/html 2014-08-29T21:39:47+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:06_value&rev=1409341187&do=diff Un value es un servicio al que le pasamos directamente el valor de dicho servicio. Se define llamando al método value de un módulo.A dicho método le pasaremos el nombre y su valor. Veamos ahora un ejemplo de value. * Línea 3: Se crea el value “miServicioValue” con el valor “Hola mundo” * Línea 5: Se inyecta el value en el controlador * Línea 6: Se pone en valor de miServicioValue en la propiedad del $scope.valor text/html 2014-08-29T21:48:04+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:07_service&rev=1409341684&do=diff Hemos visto por ahora 2 tipos de servicio , las constant y los value. En ambos casos le pasábamos directamente el valor que debía tener el servicio. Con el tipo service le debemos pasar una clase JavaScript y será AngularJS el que cree internamente una instancia de la clase. text/html 2014-09-22T18:57:00+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:08_factory&rev=1411405020&do=diff En este tema vamos a ver el servicio de factory. La principal diferencia es que al método factory le pasamos ahora una función para que ésta retorne ahora el valor del servicio. Es decir que tenemos una función JavaScript que actúa como factoría, retornando la propia función de factoría el valor del servicio. text/html 2014-09-22T19:02:43+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:09_provider&rev=1411405363&do=diff Por fin llegamos al provider el último de los tipos de servicios en AngularJS y con el que espero que se entiendan por fin las diferencias entre todos ellos. Un provider es como un factory pero permite que se configure antes de crear el valor del servicio. En el tema anterior vimos el ejemplo del servicio de hash que se configuraba a través de un value llamado algoritmo. Aunque el ejemplo funciona, la verdad es que es un poco chapucero ya que aparentemente no hay relación entre algoritmo y has… text/html 2014-08-29T22:15:10+02:00 https://cursoangularjs.es/doku.php?id=unidades:03_servicios:10_ejemploseguro&rev=1409343310&do=diff En este tema retornamos el ejemplo del seguro médico para añadir un provider. Al ver el servicio $http en el tema 3.2 $http vimos que no debía hacerse una llamada a $http en el propio controlador . Ahora vamos a crear un provider que encapsule la llamada a $http.