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}} | ||