Andres Felipe Blog's

My WordPress Blog

Etiqueta: Front-End

13 . Ajax con AngularJS

angularjs-logo

AngularJS provee de un control llamado $http el cual trabaja como un servicio de leer datos provenientes de un servidor. El servidor hace el respectuvo llamado a la base de Datos y obtiene los datos deseados. Para la lectura, AngularJS necesita los datos en formato JSON, una vez los datos estén listos, $http puede controlar estos datos de la siguiente forma:

[gist]b392d36e370f82aac646[/gist]

Nota: La variable “url” se debe remplazar por un servicio real. Para esta prueba estoy simulando un servicio externo.

Ejecutarhttps://jsfiddle.net/AFelipeTrujillo/tabf5zfh/

 

12. Incluir archivos con AngularJS

angularjs-logo

HTML no soporta la incorporación de paginas html externas. Para lograr esta funcionalidad, se deben hacer de la siguiente forma:

  • Usando Ajax – Haciendo un llamado al servidor y obtener el respectivo html y modificar un elemento por medio de un innerHTML.
  • Usando Inclusiones por medio de una lenguaje del lado del servidor – sea JSP, PHP u otro lenguaje se puede incluir paginas html de forma dinámica.

Usando AngularJS, nosotros podemos incluir paginas HTML usando la directiva ng-include.

[gist]c1dbeb2361974e2fac16[/gist]

Cada pagina puede contener un Controlador independiente o unirlos en uno solo. Simplemente AngularJS, cargara primero las paginas por medio de un llamado Ajax y después desplegara los componentes propios de Angular. Esta es un forma mas elegante de administrar el HTML y no tener todo el código en una sola pagina.

Até logo

 

Creado con WordPress & Tema de Anders Norén