API do componente Select

Importação

import-select.ts

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

Um botão que abre uma lista de opções.

NuiSelect: Propriedades
Nome	Tipo	Padrão	Descrição
`options`Input	`NuiOption<V>[]`		As opções, como objetos `NuiOption`.
`value`Bidirecional	`V \| null`	`null`	O valor escolhido, ou `null`. Também funciona com formulários.
`values`Bidirecional	`readonly V[]`	`[]`	Os valores escolhidos, com `multiple`.
`multiple`Input	`boolean`	`false`	Permite escolher várias opções. A lista fica aberta enquanto você escolhe.
`selectAll`Input	`boolean`	`false`	Com `multiple`, adiciona um botão que marca ou desmarca todas as opções.
`placeholder`Input	`string`	`'Select…'`	Texto mostrado enquanto nada foi escolhido.
`label`Input	`string`		Nome acessível, quando nenhum `<label>` nomeia o botão.
`triggerId`Input	`string`		Id do botão, para `<label for>`.
`disabled`Input	`boolean`	`false`	Desativa o select.
`compareWith`Input	`(a: V, b: V) => boolean`	`Object.is`	Diz se dois valores são a mesma opção, para valores que são objetos.
`virtual`Input	`boolean \| 'auto'`	`'auto'`	Renderiza só as linhas visíveis: sempre, nunca, ou `auto` acima de 200 linhas.
`openChange`Output	`boolean`		Emite quando a lista abre ou fecha.
`show`Método	`() => void`		Abre a lista.
`hide`Método	`() => void`		Fecha a lista.
`focus`Método	`(options?: FocusOptions) => void`		Move o foco para o botão.

Todo texto que ele mostra ou anuncia também é um input, então você pode traduzi-lo: selectAllLabel clearAllLabel emptyLabel

Uma opção. O select, o combobox e a paleta de comandos usam todos esse formato.

NuiOption: Propriedades
Nome	Tipo	Descrição
`value`Propriedade	`V`	O valor definido ao escolhê-la. Qualquer tipo.
`label`Propriedade	`string`	O texto mostrado e buscado.
`description`Propriedade	`string`	Texto secundário abaixo do rótulo.
`group`Propriedade	`string`	Opções com o mesmo grupo aparecem sob esse título, em ordem.
`keywords`Propriedade	`string[]`	Mais palavras que a busca encontra, como sinônimos ou códigos.
`disabled`Propriedade	`boolean`	Aparece, mas não pode ser escolhida.
`children`Propriedade	`NuiOption<V>[]`	Opções um nível abaixo, que transformam a lista em uma árvore.

Coloque-o em um ng-template dentro do componente para desenhar cada linha você mesmo. O contexto contém a opção e a linha dela.

Desenha o rótulo de uma opção com as letras encontradas destacadas, a descrição e o caminho dela, para as suas próprias linhas.

NuiOptionText: Propriedades
Nome	Tipo	Padrão	Descrição
`nuiOptionText`Input	`NuiOptionRow<V>`		A linha, do contexto do template.