Загрузка...

🔥Angular Connected Overlay / Creación de un Autocomplete

En este video te enseño paso a paso cómo implementar el Connected Overlay en conjunto con signals en Angular versión 19 para la creación de un autocomplete.

Aprenderás:
✅ Configurar el Connected Overlay de manera sencilla, como darle estilos y como implementar un backdrop.
✅ Creación de autocomplete a partir de un input.

No olvides dar like 👍, suscribirte 🔔 y compartir 📤 este video con otros desarrolladores!

Si quieres aprender sobre los Overlay para crear Dialog/Modal, en Angular 19, te recomiendo el siguiente video:
https://youtu.be/lKwW8F88GuY

Curso en Udemy sobre Signals en Angular Versión 19 completamente gratis:
https://www.udemy.com/course/domina-los-signals-en-angular-version-19/?referralCode=E15B8A7FB4B60A9B1915

Github Repo:
https://github.com/Codescript2/Angular-Cdk-Connected-Overlay

Capítulos
00:00 Introducción
00:26 Instalando la librería
01:00 Creando la base de nuestro componente
03:41 Usando el CdkConnectedOverlay
09:10 Agregando la lista de items al overlay
13:35 Filtrando nuestra lista de items
18:00 Configurando el Connected Position
21:48 Despedida

#angular #rxjs #javascript #typescript #webdevelopment

Видео 🔥Angular Connected Overlay / Creación de un Autocomplete канала CodeScript
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять