menú
buscar
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
unidades:04_masdirectivas:08_nginclude [2014/07/31 22:15] admin [4.8 ng-include] |
unidades:04_masdirectivas:08_nginclude [2014/08/29 23:05] (actual) admin |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== 4.8 ng-include ====== | ====== 4.8 ng-include ====== | ||
| - | Esta directiva a diferencia de otra que hemos visto se puede usar directamente como un tag HTML en vez de como un atributo HTML. Su utilidad es para cargar trozos de HTML en la página. Es como los //include// de la parte de servidor pero ahora desde JavaScript. | + | Esta directiva, a diferencia de otra que hemos visto, se puede usar directamente como un tag HTML en vez de como un atributo HTML. SE usa para cargar trozos de HTML en la página. Es como los //include// de la parte de servidor pero ahora desde JavaScript. |
| - | Dispone de un atributo llamado ''src'' en el que indicar la url del fragmento de página a cargar. Destacar que el valor del atributo ''src'' es una expresión del ''$scope''. Si queremos que sea un literal deberemos incluir la url entre comillas. | + | Dispone de un atributo llamado ''src'' que indica la url del fragmento la página a cargar. Destacar que el valor del atributo ''src'' es una expresión del ''$scope''. Si queremos que sea un literal deberemos incluir la url entre comillas. |
| Veamos un ejemplo en el que vamos a cargar 2 páginas html , una en la cabecera y otra en el pie. | Veamos un ejemplo en el que vamos a cargar 2 páginas html , una en la cabecera y otra en el pie. | ||
| Línea 35: | Línea 35: | ||
| * Línea 12: Cargamos la página ''pie.html'' pero en el atributo ''src'' está el valor de la propiedad ''urlPie'' del ''$scope'' | * Línea 12: Cargamos la página ''pie.html'' pero en el atributo ''src'' está el valor de la propiedad ''urlPie'' del ''$scope'' | ||
| - | <note tip> | ||
| - | Personalmente me sigue sorprendiendo lo fácil que es hacer modificaciones en el DOM solamente modificando información desde JavaScript. En este caso ha sido el estilo CSS, pero con ''ng-if'' , ''ng-repeat'' o ''ng-options'' también es muy sencillo hacer modificaciones en el DOM. Con herramientas así usar jQuery parece del siglo pasado. :-) | ||
| - | </note> | ||
| ===== Ejemplo ===== | ===== Ejemplo ===== | ||
