Select (pry-select)

Le composant Select permet d’afficher une liste déroulante améliorée et est personnalisable pour chaque utilisation. Le composant hérite du “ControlValueAccessor” qui nous permet d’utiliser les propriétés de formulaires Angular.

Les paramètres d’entrée du composant sont les suivants :

  • clearable: Permet de supprimer la sélection de la liste déroulante

  • multiple: Permet d’autoriser la multiple sélection des éléments de la liste

  • placeholder: Texte à afficher lorsqu’aucune valeur n’est sélectionnée

  • required: Permet de rendre le champ requis

  • name: Nom du champ dans le formulaire

  • readonly: Permet de rendre le champ modifiable

  • disabled: Désactive la liste

  • items: Tableau de données

  • bindValue: Valeur utilisée dans la liste

  • bindLabel: Label utilisé dans la liste

  • bindIcon: Afficher un icon dans la liste

  • iconSize: Taille des icons

  • template: Permet de créer un template spécifique pour l’affichage des élements sélectionnés

  • autocomplete: Permet de rechercher une valeur dans la liste

Le paramètre de sortie du composant est le suivant :

  • ngModelChange: Permet de récupérer la valeur du composant