¡Esta es una revisión vieja del documento!


Parámetros

En este tema vamos a ver como incluir parámetros en las rutas. Antes de explicar en que consiste, volvamos a ver como 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 que 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”.

El valor del correo a mostrar lo indicaremos como parámetro en la ruta ya que no es un valor fijo sino que queremos que nos pasen el valor del parámetro en variable para poder usar ese valor.

Definir el parámetro

Para poder definir un parámetro en la URL es tan sencillo como incluir el nombre de la variable en el path de la ruta precedido por ”:”. Veamos un ejemplo:

  $routeProvider.when('/pagina1/:variable1', {
    templateUrl: "pagina1.html",
    controller: "Pagina1Controller"
  });

  • Línea 1: Ahora en el path hemos añadido una variable llamada variable1.

Vamos ahora a poner ejemplos de posibles paths que casarían con la ruta que acabamos de definir y el valor de la variable variable1.

Path valor variable1
/pagina1/pepe pepe
/pagina1/34 34
/pagina1/hola_mundo hola_mundo
/pagina1/_ _
/pagina1/hola/ hola

Notar que si que se permite una barra al final pero no estará contenida como valor de la variable.

Pero NO podrá tener la siguientes formas:

  • /pagina1
  • /pagina1/
  • /pagina1/pepe/3
  • /pagina1/34/hola/mundo
  • /pagina1/hola_mundo/_

Es decir que si no tiene nada tras la segunda barra o tiene algo mas allá de la tercera barra el path no casará.

Ejemplo

Como este ejemplo necesita de ver como cambia la URL del navegador , es mejor abrir en una nueva página el ejemplo.

Referencias

unidades/07_rutas/03_parametros.1409069952.txt.gz · Última modificación: 2014/08/26 18:19 por admin
Ir hasta arriba
CC Attribution-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0