Cuando programamos un formulario en una web y necesitamos incluir una serie de opciones en una etiqueta select es muy interesante añadir la funcionalidad de autocompletar. De esta forma podemos agilizar la introducción de datos y, por lo tanto, mejorar la experiencia de nuestros usuarios.
En este tutorial os vamos a enseñar a reproducir el siguiente formulario:
Una vez tenemos los estilos, ahora toca añadir los imports necesarios en el fichero app.module.ts de la siguiente forma:
Mediante este código gestionaremos el select autocompletado. La función mat_filter, es la que se encarga de realizar la búsqueda dentro del array. Y en la vista aplicamos la siguiente implementación:
Esta vista simplemente asocia cada uno de los componente con las variables y las funciones necesarias para realizar las tareas del autocompletado.