Muestra las diferencias entre dos versiones de la página.
unidades:07_rutas:03_parametros [2014/09/15 18:10] admin |
unidades:07_rutas:03_parametros [2014/12/21 08:51] (actual) admin [Ruta indefinida] |
||
---|---|---|---|
Línea 94: | Línea 94: | ||
</sxh> | </sxh> | ||
- | ^ Path ^ valor ''variable4'' | + | ^ Path ^ valor ''variable1'' ^ |
| /pagina4/rojo | rojo| | | /pagina4/rojo | rojo| | ||
| /pagina4/rojo/34 | rojo/34 | | | /pagina4/rojo/34 | rojo/34 | | ||
Línea 124: | Línea 124: | ||
===== Obtener el parámetro ===== | ===== Obtener el parámetro ===== | ||
- | Ahora que hemos definido el parámetro tenemos que poder obtener dicho valor. El valor se usa en el controlador ya que es el código JavaScript que está asociado a la página que acaba de cargarse gracias a la ruta. | + | Ahora que hemos definido el parámetro, tenemos que poder obtener dicho valor. El valor se usa en el controlador ya que el controlador es el código JavaScript que está asociado a la página que acaba de cargarse gracias a la ruta. |
La forma de obtener el valor es simplemente llamando al servicio [[https://docs.angularjs.org/api/ngRoute/service/$routeParams|$routeParams]]. Este servicio contiene tantas propiedades como parámetros hayamos definido en la ruta. Y el valor de cada propiedad del servicio es el valor de cada parámetro de la ruta. | La forma de obtener el valor es simplemente llamando al servicio [[https://docs.angularjs.org/api/ngRoute/service/$routeParams|$routeParams]]. Este servicio contiene tantas propiedades como parámetros hayamos definido en la ruta. Y el valor de cada propiedad del servicio es el valor de cada parámetro de la ruta. | ||
Línea 153: | Línea 153: | ||
Recordad que el tipo de datos de los parámetros siempre es un "String" aunque pongamos cosas como "34" o "51". | Recordad que el tipo de datos de los parámetros siempre es un "String" aunque pongamos cosas como "34" o "51". | ||
- | Así que si queremos que sean un Integer o cualquier otro tipo tendremos que transformarlo nosotros | + | Así que si queremos que sean un Integer o cualquier otro tipo tendremos que transformarlo nosotros. |
</note> | </note> | ||
==== QueryString ==== | ==== QueryString ==== | ||
- | Si la URL real incluye [[http://es.wikipedia.org/wiki/Query_string|Query String]] también se pueden acceder a eso valores desde ''$routeParams''. | + | Si la URL real incluye [[http://es.wikipedia.org/wiki/Query_string|Query String]] también se pueden acceder a esos valores desde ''$routeParams''. |
Línea 172: | Línea 172: | ||
- | <note important>Como este ejemplo necesita de ver como cambia la URL del navegador , es mejor abrir en una nueva página el [[http://run.plnkr.co/plunks/brKFp5|ejemplo]].</note> | + | <note important>Como este ejemplo necesita ver cómo cambia la URL del navegador , es mejor abrir en una nueva página el [[http://run.plnkr.co/plunks/brKFp5|ejemplo]].</note> |
{{url>http://embed.plnkr.co/brKFp5}} | {{url>http://embed.plnkr.co/brKFp5}} |