Introducción Angular ngIf : Cuando trabajamos con Angular, una de las necesidades más comunes es mostrar u ocultar elementos en la página de acuerdo a ciertas condiciones. Para esto, Angular nos ofrece ngIf, una directiva súper útil que nos permite controlar qué se ve y qué no en nuestra aplicación. Pero lo interesante de ngIf […]
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 […]
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 generate component […]