API na Combobox · Needless UI

Shigo da shi

import-combobox.ts

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

NuiCombobox

Filin rubutu da ke ba da shawarar zaɓuɓɓuka yayin da kuke rubutu.

Selector: nui-combobox

NuiCombobox: Kadarori
Suna	Iri	Na asali	Bayani
`options`Input	`NuiOption<V>[]`		Zaɓuɓɓukan, a matsayin objects na `NuiOption`.
`value`Hanya biyu	`V \| null`	`null`	Ƙimar da aka zaɓa, ko `null`. Yana aiki da fom ma.
`values`Hanya biyu	`readonly V[]`	`[]`	Ƙimomin da aka zaɓa, da `multiple`.
`multiple`Input	`boolean`	`false`	Yana ba da damar zaɓar zaɓuɓɓuka da yawa, da ake nunawa a matsayin chips.
`create`Input	`(text: string) => V`		Yana samar da ƙima daga rubutun da aka shigar. Sai jerin ya ba da damar ƙara rubutun da ba zaɓi ba ne.
`filtering`Input	`boolean`	`true`	Yana tace zaɓuɓɓuka yayin da kuke rubutu. Ku kashe shi idan server ne ke tacewa.
`loading`Input	`boolean`	`false`	Yana nuna layin lodawa yayin da sakamako ke kan hanya.
`clearable`Input	`boolean`	`false`	Yana ƙara maɓallin da ke share ƙimar, kuma yana barin Escape ya share ta.
`placeholder`Input	`string`	`''`	Rubutun da ake nunawa yayin da filin ba shi da komai.
`label`Input	`string`		Sunan da ake sanarwa, idan babu `<label>` da ke ba filin suna.
`inputId`Input	`string`		Id na filin rubutu, don `<label for>`.
`disabled`Input	`boolean`	`false`	Yana kashe filin.
`compareWith`Input	`(a: V, b: V) => boolean`	`Object.is`	Yana faɗa ko ƙimomi biyu zaɓi ɗaya ne, idan ƙimomin objects ne.
`displayWith`Input	`(value: V) => string`	`String`	Rubutu don ƙimar da ba ta cikin zaɓuɓɓuka, kamar wadda aka saita kafin a loda su.
`virtual`Input	`boolean \| 'auto'`	`'auto'`	Yana nuna layukan da ake gani kawai: koyaushe, ba ko kaɗan, ko `auto` idan layuka sun wuce 200.
`queryChange`Output	`string`		Yana fitar da rubutun yayin da ake shigar da shi, don bincike a server.
`openChange`Output	`boolean`		Yana fitarwa idan jerin ya buɗe ko ya rufe.
`show`Method	`() => void`		Yana buɗe jerin.
`hide`Method	`() => void`		Yana rufe jerin.
`clear`Method	`() => void`		Yana share ƙimar da rubutun.
`focus`Method	`(options?: FocusOptions) => void`		Yana kai focus kan filin rubutu.

Kowane rubutu da yake nunawa ko sanarwa shi ma input ne, don haka za ku iya fassara shi: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel

NuiOptionTemplate

Ku sa shi a kan ng-template a cikin component ɗin don ku zana kowane layi da kanku. Context ɗin yana ɗauke da zaɓin da layinsa.

Selector: ng-template[nuiOptionTemplate]

NuiOptionText

Yana zana lakabin zaɓi tare da haskaka haruffan da suka dace, bayaninsa da hanyarsa, don layukanku.

Selector: [nuiOptionText]

NuiOptionText: Kadarori
Suna	Iri	Na asali	Bayani
`nuiOptionText`Input	`NuiOptionRow<V>`		Layin, daga context na template.