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 ngFor la directiva y sus opciones
Hoy vamos a hablar de la directiva Angular ngFor y las opciones que soporta. La directiva ngFor es la que se encarga de presentar una lista de elementos en pantalla de una forma sencilla combinando el concepto de bucle y plantilla . Esta directiva soporta muchas opciones, vamos a verlas
Angular ngModel y two way databindings
Angular ngModel es un concepto clave en Angular que hay que explicar paso a paso vamos a empezar con ello . El concepto más sencillo de entender es cuando tenemos un componente que posee una propiedad y deseamos que esa propiedad se muestre en una plantilla. La forma más sencilla es usar interpolación y solicitar […]
Angular @Input vs @Output y eventos
@Input vs @Output son dos de los decoradores más típicos de Angular y que nos permiten Comunicar componentes entre ellos . Habitualmente una página de Angular esta compuesta por varios componentes y en ocasiones estos componentes necesitan comunicarse para pasarse información entre ellos . @Input Vamos a ver un ejemplo sencillo de como hacer este […]
Angular Stateful routing y su manejo
El concepto de Angular Stateful routing es un concepto que aparece en muchas ocasiones cuando deseamos construir una aplicación con Angular pero migrando probablemente arquitecturas antiguas como pueden ser aplicaciones de escritorio. Normalmente cuando se trata de una aplicación de escritorio esta esta compuesta de un conjunto de ventanas que de una forma u otra […]
Angular select y todas sus opciones
El concepto de Angular Select es bastante amplio y hace referencia a cómo podemos gestionar el concepto de combo , select o desplegable dentro de una aplicación moderna de Angular algo que ha cambiado bastante desde la versión clásica . Los ejemplos más elementales son sencillos de utilizar sin embargo existen algunos ejemplos que pueden […]
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 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 […]