API du composant Select

Import

import-select.ts

import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';

Un bouton qui ouvre une liste d’options.

NuiSelect: Propriétés
Nom	Type	Par défaut	Description
`options`Input	`NuiOption<V>[]`		Les options, sous forme d’objets `NuiOption`.
`value`Bidirectionnel	`V \| null`	`null`	La valeur choisie, ou `null`. Fonctionne aussi avec les formulaires.
`values`Bidirectionnel	`readonly V[]`	`[]`	Les valeurs choisies, avec `multiple`.
`multiple`Input	`boolean`	`false`	Permet de choisir plusieurs options. La liste reste ouverte pendant la sélection.
`selectAll`Input	`boolean`	`false`	Avec `multiple`, ajoute un bouton qui coche ou décoche toutes les options.
`placeholder`Input	`string`	`'Select…'`	Texte affiché tant que rien n’est choisi.
`label`Input	`string`		Nom accessible, quand aucun `<label>` ne nomme le bouton.
`triggerId`Input	`string`		Id du bouton, pour `<label for>`.
`disabled`Input	`boolean`	`false`	Désactive le select.
`compareWith`Input	`(a: V, b: V) => boolean`	`Object.is`	Indique si deux valeurs correspondent à la même option, pour les valeurs qui sont des objets.
`virtual`Input	`boolean \| 'auto'`	`'auto'`	Ne rend que les lignes visibles : toujours, jamais, ou `auto` au-delà de 200 lignes.
`openChange`Output	`boolean`		Émet quand la liste s’ouvre ou se ferme.
`show`Méthode	`() => void`		Ouvre la liste.
`hide`Méthode	`() => void`		Ferme la liste.
`focus`Méthode	`(options?: FocusOptions) => void`		Place le focus sur le bouton.

Chaque texte qu’il affiche ou annonce est aussi un input, que vous pouvez traduire : selectAllLabel clearAllLabel emptyLabel

Une option. Le select, la combobox et la palette de commandes les acceptent tous.

NuiOption: Propriétés
Nom	Type	Description
`value`Propriété	`V`	La valeur définie par son choix. De n’importe quel type.
`label`Propriété	`string`	Le texte affiché et recherché.
`description`Propriété	`string`	Texte secondaire sous le libellé.
`group`Propriété	`string`	Les options du même groupe sont listées sous ce titre, dans l’ordre.
`keywords`Propriété	`string[]`	D’autres mots trouvés par la recherche, comme des synonymes ou des codes.
`disabled`Propriété	`boolean`	Affichée, mais ne peut pas être choisie.
`children`Propriété	`NuiOption<V>[]`	Les options du niveau inférieur, qui transforment la liste en arborescence.

Placez-le sur un ng-template dans le composant pour dessiner vous-même chaque ligne. Le contexte contient l’option et sa ligne.

Dessine le libellé d’une option avec les lettres trouvées surlignées, sa description et son chemin, pour vos propres lignes.

NuiOptionText: Propriétés
Nom	Type	Par défaut	Description
`nuiOptionText`Input	`NuiOptionRow<V>`		La ligne, issue du contexte du template.