https://cursoangularjs.es/ 2026-04-05T08:52:43+02:00 https://cursoangularjs.es/ https://cursoangularjs.es/lib/tpl/dokubook/images/favicon.ico text/html 2014-09-02T00:25:01+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:00_start&rev=1409610301&do=diff En esta unidad se explica qué son las rutas y cómo funcionan desde AngularJS. Temas * 7.1 Justificación * 7.2 $routeProvider * 7.3 Parámetros * 7.4 Resolve * 7.5 Ejemplo de rutas Ejercicios Los ejercicios de esta unidad se encuentran en 7. Rutas text/html 2014-09-15T17:54:56+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:01_justificacion&rev=1410796496&do=diff Las rutas son un concepto ya establecido en las aplicaciones actuales pero quizás no nos hayamos dado cuenta aún de ello. Para empezar a entenderlas vamos primero a ver unas capturas de pantalla de gmail. Página de “Recibidos”: URL=https://mail.google.com/mail/u/0/#inbox text/html 2015-02-16T09:55:09+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:02_routeprovider&rev=1424076909&do=diff Para usar las rutas en AngularJS lo primero que necesitaremos será configurarlo para poder asociar a la ruta la página HTML que se debe cargar al navegar a esa ruta. Para ello tenemos el servicio $routeProvider de AngularJS. Este servicio tiene 2 métodos: text/html 2014-12-21T08:51:14+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:03_parametros&rev=1419148274&do=diff En este tema vamos a ver cómo incluir parámetros en las rutas. Antes de explicar en qué consiste, volvamos a ver cómo funciona gmail. Página “Recibidos” . URL=https://mail.google.com/mail/u/0/#inbox/147aa0e5820 Estamos en la página de recibidos pero estamos viendo un correo concreto. Para indicar qué correo queremos ver se pone en la propia URL de la ruta. En el ejemplo de gmail vemos que se quiere ver el correo “147aa0e5820”. text/html 2014-09-16T19:25:02+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:04_resolve&rev=1410888302&do=diff Ya hablamos en Resueltos antes de llamar al controlador de la importancia que tenían las promesas en el servicio de rutas. Ahora vamos a explicar esa importancia y volveremos a usar las promesas en paralelo con un objeto. Lo que vamos a ver es una funcionalidad del método when de $routeProvider. text/html 2014-09-16T19:33:07+02:00 https://cursoangularjs.es/doku.php?id=unidades:07_rutas:05_ejemploseguro&rev=1410888787&do=diff En este tema retornamos el ejemplo del seguro médico para añadir el servicio de rutas y de paso hacer otros cambios que ya podemos hacer. La lista de modificaciones a realizar es la siguiente: * Añadir a los datos JSON otra propiedad llamada idSeguro. * Hacer que el método get del servicio remoteResource acepte como argumento el idSeguro. * Nueva página main.html * Navegar entre páginas usando las rutas. * Quitar de las páginas la cabecera y el pie ya que ahora sólo están en la págin…