Constantes y variables Cualquier tipo de aplicación necesita poder guardar datos temporalmente en la memoria para poder trabajar con ellos. Las constantes y variables son apartados reservados en la memoria del dispositivo para que podamos acceder a la información que contienen durante la ejecución del programa. En este sentido, se define una variable como un…
Instalación Código fuente disponible aquí. Servidor Cliente Peticiones web desde Angular 7 Archivo services/books.service.ts Archivo pages/home/home.component.ts Archivo pages/home/list.component.ts Archivo pages/add/add.component.ts
Filtro de libros includes.pipe.ts Guardando los libros books.service.ts El resultado Pulsa aquí.
Installation routes/correo.js
Installation src/styles.css Compile and test Header / Footer template/header.component.html template/footer.component.html Home / About / Contact pages/home.component.html pages/about.component.html pages/contact.component.html All together app.component.html app-routing.module.ts
Installation Angular 7 Components Angular 7 Templating app.component.html nav.component.html nav.component.ts /src/styles.scss nav/component.scss Angular 7 Routing /src/app/app-routing.module.ts Angular 7 Event Binding /src/app/home/home.component.html home.component.ts Angular 7 Class & Style Binding home.component.html home.component.ts home.component.scss home.component.html home.component.scss home.component.html Angular 7 Services /src/app/data.service.ts /src/app/home/home.component.ts Angular 7 HTTP Client /src/app/app.module.ts /src/app/data.service.ts home.component.ts home.component.html home.component.scss Angular 7 Forms app.module.ts contact.component.ts contact.component.html contact.component.scss
AngularJS es un Framework desarrollado con JavaScript AngularJS amplía la funcionalidad en el código HTML La directiva ng-app crea un elemento que contendrá el código web desarrollado con AngularJS. La directiva ng-model enlaza el valor de controles HTML (input, select, textarea) con datos de la página web. La directiva ng-bind enlaza datos de la página…
El objetivo: Guardar ubicaciones e imágenes En este ejercicio vamos a demostrar que puede resultar muy sencillo desarrollar una aplicación que nos permita mantener un registro de lugares interesantes, guardando la ubicación precisa y una imagen identificativa de cada uno. Será el mismo navegador el que nos proporcione la ubicación actual de forma automática, y…
El objetivo En esta ocasión añadiremos al ejercicio anterior la opción de compartir, de forma que desde nuestra aplicación podamos enviar la lista de tareas mediante un mensaje de WhatsApp, un correo electrónico, un SMS, etc. Además, añadiremos el código necesario para disponer de un menú lateral donde podremos añadir más opciones, y donde sugerimos…
El objetivo: IONIC + Angular En los ejercicios que hemos desarrollado hasta ahora sólo hemos utilizado IONIC de manera independiente, sin echar mano de ningún otro framework adicional, ya que hemos interactuado con los nuevos elementos HTML utilizando código JavaScript. Para aplicaciones sencillas, puede ser una opción completamente válida y muy recomendable, dado el bajo…