Migrar ng-tags-input a Angular moderno
ng-tags-input convertía un input de texto en una lista de etiquetas removibles, con autocompletado opcional. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular Material chips | mat-chip-grid con un input: etiquetas como chips, con soporte de teclado y autocompletado opcional. |
| ng-select | Cuando las etiquetas vienen de una lista o de una búsqueda remota; soporta selección múltiple y agregar etiquetas nuevas. |
| Your own tags component | Cuando el diseño es propio: un input, una lista de etiquetas y un ControlValueAccessor. |
Cómo migrarla
- Anota las reglas de cada entrada de etiquetas: caracteres permitidos, largo mínimo y máximo, duplicados, cantidad máxima de etiquetas y la fuente del autocompletado.
- Construye un componente de etiquetas compartido que implemente ControlValueAccessor y reciba esas reglas como inputs.
- Convierte la fuente del autocompletado en un observable con debounce, y reemplaza los usos pantalla por pantalla.
Cuidado con. ng-tags-input guarda por defecto las etiquetas como objetos con una propiedad text. La mayoría de los reemplazos trabaja con strings simples, así que convierte el modelo en un solo lugar y deja igual lo que se envía a la API.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn