@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 ngModel y two way databindings
Angular Interpolación 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 a la plantilla que muestre el dato. Por ejemplo si tenemos un componente con la variable nombre. La plantilla […]
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 […]
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 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 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. […]
