Ejemplo rápido de uso del patrón de diseño Prototype, que permite realizar una copia rápida de un objeto. Ejecución con node. Nota importante: En lenguajes como java (no confundir con javascript), podemos realizar un casting. Javascript no cuenta con la opción de casting.
Ejemplo rápido del patrón singleton (patrón de tipo creacional) Ejecutamos con node. Como se puede comprobar en el ejemplo, no se crea una nueva instancia sino que se usa la ya existente.
Los reactive form en Angular, se usan para facilitar las validaciones complejas en formularios. Para usarlos, necesitamos importar de ‘@angular/forms’ la clase ReactiveFormsModule y añadirla a los imports. Además podemos usar validadores para los campos de email, nombre, etc. Aquí vemos el ejemplo de la ruta configurada para el componente: Aquí vemos el ejemplo del
Reactive form Angular Leer más »
Angular tiene dos tipos de formularios, los formularios reactivos y los formularios de plantilla. Los formularios de plantilla son formularios para usos simples, con validaciones simples. En caso de validaciones complejas, se usan los formularios reactivos junto con Validadores de email, etc. ¿Cómo creo un formulario de plantilla en Angular? Para hacer esto, debes seguir
Template Driven form en Angular Leer más »
Definir ruta En este POST ya aprovechando el anterior en el que hicimos la configuración básica para que funcione el routing en Angular, vamos a definir una ruta para acceder al recurso y además añadirle el titulo a la página. Para hacer esto, lo que necesitamos identificar en primer lugar, es el archivo en el
Routing en Angular, definir ruta y enlazar entre páginas Leer más »
Buenas! Hoy traigo un POST sobre la gestión básica del routing de Angular. ¿Qué es el Routing en Angular y cómo configurarlo paso a paso? El routing en Angular es la forma que tiene el framework para gestionar las rutas de acceso a los recursos que se le ofrecen al usuario. Por ejemplo: http://localhost:4200/ ->
Routing básico con Angular Leer más »
Buenas! Hoy me dispongo a mostrar el como optimizar imágenes en Angular de una forma sencilla y fácil para el usuario. Para esto haremos uso de la directiva NgOptimizedImage que nos ofrece la posibilidad de optimizar las imágenes que subamos a nuestra página web. Para ello, los pasos que seguiremos serán los siguientes: optimizing-images.component.html optimizing-images.component.ts
Optimizando imágenes con Angular Leer más »
Las deferrable views de Angular también conocidas como vistas diferibles permiten mejorar la experiencia de UI del usuario que visita nuestra página al cargar el contenido de la página cuando es realmente necesario. Para ello se hace uso del @defer en el que se introduce el contenido final que se va a mostrar al usuario,
Muy buenas! Hoy os vengo con un mini tutorial sobre cómo usar esa directiva llamada @Output que tiene Angular. Flujo: @Output, nos sirve para pasarle el estado de una propiedad de un componente hijo a un componente padre mediante eventos que emiten valores a través de la función emit de EventEmitter. Para realizar esta práctica
Component output properties Leer más »
El manejo de eventos en Angular sirve para interactuar con el usuario que está visitando el sitio. Algunos de los eventos disponibles pueden ser: onmouseover, click, entre otros. Para usar estos eventos, usa la sintaxis: (evento)=»función()» A continuación un ejemplo sobre cómo manejar estos eventos: Tras ejecutar el código y pasar el cursor por encima
Cómo manejar eventos en Angular: guía rápida y ejemplo práctico Leer más »