Angular 15 + Signals

Angular es uno de los frameworks más populares para desarrollar aplicaciones web.

La versión 15 de Angular trae muchas mejoras y nuevas funcionalidades. Una de ellas son las señales, que nos permiten comunicar diferentes partes de nuestra aplicación.

¿Qué son las señales en Angular 15?

Las señales son una forma de comunicación entre componentes en Angular 15. Con las señales, podemos enviar información desde un componente a otro. Esto es útil cuando queremos que un componente actualice su información basada en lo que sucede en otro componente.

¿Cómo usar las señales en Angular 15?

Para utilizar las señales en Angular 15, necesitamos importar la clase Signal de @angular/core. Luego, podemos crear una nueva señal utilizando el método Signal.create(). Por ejemplo:

import { Signal } from '@angular/core';

const mySignal = Signal.create();

Ahora que hemos creado una señal, podemos suscribirnos a ella en diferentes componentes para escuchar cuando se emite la señal. Para hacer esto, utilizamos el método subscribe() en nuestra señal. Por ejemplo:

mysignal.subscribe(() => {
  console.log('Se ha emitido una señal');
});

Cuando se emite la señal, se ejecutará el código dentro de la función que pasamos a subscribe().

También podemos emitir una señal desde cualquier parte de nuestra aplicación utilizando el método emit() en nuestra señal. Por ejemplo:

miSenal.emit();

Conclusión

Las señales son una característica interesante y útil en Angular 15. Con ellas, podemos comunicar diferentes partes de nuestra aplicación y actualizar la información en tiempo real. Espero que este artículo haya sido útil para entender cómo funcionan. ¡Hasta la próxima!