Usar Angular ngModel es muy común cuando trabajamos con Angular en el día a día . ¿Cómo funcionan exactamente los bindings en Angular? . Vamos a ver varios ejemplos que nos permitan entender mejor el funcionamiento . Para ello lo primero que tenemos que entender es que un binding o unión permite enlazar una parte […]
Angular Sorting , extensibilidad con lodash
El uso de Angular Sorting es muy necesario ya que casi siempre necesitamos ordenar una lista de resultados de una típica tabla . La ordenación más común es por cada una de las columnas. Ahora bien mientras que Angular clásico tenía este soporte a nivel de directivas la nueva versión de Angular reconstruida entera con […]
Angular Lazy Loading Modules y sus opciones
El concepto de Angular Lazy Loading Modules es un concepto importante a nivel de programación en el mundo de las arquitecturas SPA . Cuando nosotros construimos una aplicación en Angular esta aplicación esta compuesta por un montón de componentes , servicios directivas etc. Esto no es muy problemático para una aplicación de tamaño pequeño o mediano […]
Angular custom Directive y sus tipos
El concepto de Angular custom directive es uno de los conceptos que tenemos que conocer de Angular ya que nos permite extender la funcionalidad del framework de una forma muy sencilla. ¿Para que sirve un Angular custom directive? . Sirve como su nombre indica para construir una directiva personalizada es decir en vez de usar […]
Angular Services Singletons o no?
El concepto de Angular Services es uno de los más habituales cuando trabajamos con Angular. Los servicios nos valen para agrupar responsabilidades reutilizables . Uno de los casos más típicos es la llamada a servicios REST . Los servicios cuando trabajabamos con Angular 1.x eran Singletons. Algo que es muy habitual ya que normalmente no […]
Angular ngIf, opciones y componentes
Hoy vamos a hablar Angular ngIf como directiva y las opciones que soporta. Para ello en un proyecto de Angular nos vamos a construir un componente sencillo que le denominaremos nota. Este componente albergará la variable nota del examen de un alumno. Una vez tenemos el componente construido nos queda ver como quedaría la plantilla […]
TypeScript Class Expression y simplicidad
¿Qué es un TypeScript Class Expression? .Normalmente cuando trabajamos con un lenguaje de programación orientado a objetos estamos muy acostumbrados a generar clases . Vamos a ver un ejemplo con la clase Telefono en TypeScript. Recordemos que en typeScript las variables son públicas por defecto. Si creamos un programa main para crear una persona será […]
TypeScript interface utilizando Angular DTOs
El concepto de TypeScript interface es bastante más flexible que el concepto clásico de Java Interface y nos permite realizar operaciones curiosas con él a nivel de arquitectura. Vamos a ver un ejemplo sencillo que incluya el manejo de un servicio REST que nos devuelve un DTO (Data Transfer Object) con Angular. El primer paso […]
Angular router y su configuración
Vamos a introducir el concepto de Angular Router y como realizar su configuración para que las cosas nos queden organizadas. Angular Router se encarga de decidir que componentes de Angular se muestran en cada momento. Vamos a ver un ejemplo sencillo creando dos componentes c1 y c2 , para ello ejecutamos angular-cli: ng […]
Angular Modules y el uso de servicios
El concepto de Angular Modules es un concepto cercano al de Java Archive de Java o DLL de .NET en el cual nosotros queremos definir un grupo de funcionalidad reutilizable. Vamos a construir un ejemplo sencillo de Angular Modules. Para ello vamos a partir de un componente de Angular que utiliza un par de servicios. […]
Angular async pipe y observables
El concepto de Angular async pipe , es uno de los conceptos importantes a nivel de Angular.js y el manejo de la programación asíncrona. Normalmente la gestión de peticiones asíncronas siempre se ha realizado a nivel de capa de servicios utilizando promesas , objetos deferidos y high order observables. A partir de ahora si utilizamos […]
Angular 5 Hello World y su funcionamiento
Vamos a construir un ejemplo de Angular 5 Hello world y explicar un poco a detalle las diferentes partes de este framework. Angular 5 supone un avance muy fuerte sobre Angular 1.x e incluye el uso de Typescript como lenguaje de referencia. El objetivo de Angular 5 es convertirse en el framework de referencia en […]