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 que […]
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 […]