Servicios inyectables en Angular

Tutorial Angular5 5-Inject

La presentación, la lógica y el manejo de datos son tres capas de abstracción que usamos los programadores para mantener organizado nuestro código. En Angular, la presentación es cosa de los componentes. La lógica y los datos tienen su lugar en servicios compartidos.

Para que los componentes consuman los servicios de forma controlada tenemos inyectables en la librería @angular/core con los que realizar la inyección de dependencias.

Leer más

CompartirComentarios

Flujo de datos entre componentes Angular

Tutorial Angular5 4-Flow

Los formularios profesionales son complejos y Angular ofrece soluciones de comunicación para pantallas complejas. Favorece la implementación de buenas prácticas mediante el desarrollo de componentes atómicos y reutilizables.

Pero comunicar componentes no es tarea fácil y puede generar código difícil de seguir. La librería @angular/forms ofrece tuberías de comunicación para mantener el flujo de datos bajo control.

Leer más

CompartirComentarios

Formularios, tablas y modelos de datos en Angular

Tutorial Angular5 3-Data

Las aplicaciones Angular son excelentes para el tratamiento de datos en el navegador. La recogida de información mediante formularios y la presentación de páginas dinámicas fue su razón de ser.

Vamos a ver cómo la librería @angular/forms enlaza las vistas, los controladores y los modelos y cómo se hace la presentación de datos en listas y tablas.

Leer más

CompartirComentarios

Páginas y rutas Angular SPA

Tutorial Angular5 2-SPA

Las aplicaciones Angular son conjuntos de páginas enrutadas en el propio navegador. Son las conocidas SPA, Single Page Applications. Estas apps liberan al servidor de una parte del trabajo, reducen la cantidad de llamadas y mejoran la percepción de velocidad del usuario.

Seguimos usando el concepto de árbol, ahora como analogía de las rutas y las vistas asociadas. Algo que se consigue fácilmente con @angular/router el enrutador de Angular.

Leer más

CompartirComentarios

Base para una aplicación Angular

Tutorial Angular5 1-Base

Vamos a crear una base sobre la que programar una aplicación Angular 5 profesional. Usaremos el CLI para generar una estructura sobre la que crecer. Será como una semilla para un desarrollo controlado.
La idea de árbol se usa en muchas analogías informáticas. La emplearemos en dos conceptos básicos en Angular: los módulos y los componentes.

Leer más

CompartirComentarios