13 . desarrollo de aplicaciones web con angularjs - includes
-
Upload
christian-enrique-portilla-pauca -
Category
Internet
-
view
653 -
download
2
Transcript of 13 . desarrollo de aplicaciones web con angularjs - includes
![Page 1: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/1.jpg)
Desarrollo de Aplicaciones Web con
AngularJS - IncludesChristian Portilla Pauca
![Page 2: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/2.jpg)
Contenidos
IntroduccionIncludes AngularJSCodigo de AngularJS IncludeContenido de dominios externos
![Page 3: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/3.jpg)
Introduccion
Con AngularJS se puede incluir HTML desde un archivo externo.
![Page 4: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/4.jpg)
Includes de AngularJS
Con AngularJS se puede incluir contenidos HTML usando la directiva ng-include
<div ng-include="'archivo.htm'"></div>
![Page 5: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/5.jpg)
Codigo de AngularJS Include
Los archivos que se incluyan con la directiva ng-include puede contener tambien codigo de AngularJS:
<td>{{ x.Name }}</td>
![Page 6: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/6.jpg)
Contenido de dominios externos (cross-domain)ng-include no permite incluir archivos de los otros
dominios. los dominios externos se debe añadir a la lista blanca. <div ng-include="'http://www.refsnesdata.no/angular_include.asp'"></div> Nota.- se debe asegurar el servidor de destino permita acceso de dominio cruzado.
![Page 7: 13 . desarrollo de aplicaciones web con angularjs - includes](https://reader031.fdocumento.com/reader031/viewer/2022021813/5879c0891a28abb42a8b4fe3/html5/thumbnails/7.jpg)
Fin
Mail: [email protected] Blog: http://javascriptx.wordpress.com Site: www.christianportilla.com
Video: https://www.youtube.com/watch?v=b2dHhr9OIgo