Needless UI

ਕੰਪੋਨੈਂਟ

Combobox

ਟੈਕਸਟ ਫ਼ੀਲਡ, ਜੋ ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਵਿਕਲਪ ਸੁਝਾਉਂਦਾ ਹੈ।

ਇੰਪੋਰਟ

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

NuiCombobox

ਟੈਕਸਟ ਫ਼ੀਲਡ, ਜੋ ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਵਿਕਲਪ ਸੁਝਾਉਂਦਾ ਹੈ।

ਸਿਲੈਕਟਰ
nui-combobox
ਨਾਮਟਾਈਪਡਿਫ਼ਾਲਟਵੇਰਵਾ
optionsਇਨਪੁੱਟNuiOption<V>[]ਵਿਕਲਪ, NuiOption ਆਬਜੈਕਟਾਂ ਵਜੋਂ।
valueਦੋ-ਪਾਸੜV | nullnullਚੁਣੀ ਗਈ ਵੈਲਿਊ, ਜਾਂ null। ਫ਼ਾਰਮਾਂ ਨਾਲ ਵੀ ਕੰਮ ਕਰਦੀ ਹੈ।
valuesਦੋ-ਪਾਸੜreadonly V[][]ਚੁਣੀਆਂ ਗਈਆਂ ਵੈਲਿਊ, multiple ਨਾਲ।
multipleਇਨਪੁੱਟbooleanfalseਕਈ ਵਿਕਲਪ ਚੁਣਨ ਦਿੰਦਾ ਹੈ, ਜੋ ਚਿੱਪਾਂ ਵਜੋਂ ਦਿਸਦੇ ਹਨ।
createਇਨਪੁੱਟ(text: string) => Vਟਾਈਪ ਕੀਤੇ ਟੈਕਸਟ ਤੋਂ ਵੈਲਿਊ ਬਣਾਉਂਦਾ ਹੈ। ਫਿਰ ਸੂਚੀ ਅਜਿਹਾ ਟੈਕਸਟ ਜੋੜਨ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੀ ਹੈ ਜੋ ਕੋਈ ਵਿਕਲਪ ਨਹੀਂ ਹੈ।
filteringਇਨਪੁੱਟbooleantrueਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਵਿਕਲਪ ਫ਼ਿਲਟਰ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਸਰਵਰ ਉਨ੍ਹਾਂ ਨੂੰ ਫ਼ਿਲਟਰ ਕਰੇ, ਤਾਂ ਇਸ ਨੂੰ ਬੰਦ ਕਰੋ।
loadingਇਨਪੁੱਟbooleanfalseਨਤੀਜੇ ਆਉਣ ਤੱਕ ਇੱਕ ਲੋਡਿੰਗ ਕਤਾਰ ਦਿਖਾਉਂਦਾ ਹੈ।
clearableਇਨਪੁੱਟbooleanfalseਵੈਲਿਊ ਸਾਫ਼ ਕਰਨ ਵਾਲਾ ਬਟਨ ਜੋੜਦਾ ਹੈ, ਅਤੇ Esc ਨਾਲ ਵੀ ਉਸ ਨੂੰ ਸਾਫ਼ ਕਰਨ ਦਿੰਦਾ ਹੈ।
placeholderਇਨਪੁੱਟstring''ਫ਼ੀਲਡ ਖਾਲੀ ਹੋਣ ’ਤੇ ਦਿਸਣ ਵਾਲਾ ਟੈਕਸਟ।
labelਇਨਪੁੱਟstringਪਹੁੰਚਯੋਗ ਨਾਮ, ਜਦੋਂ ਕੋਈ <label> ਫ਼ੀਲਡ ਨੂੰ ਨਾਮ ਨਾ ਦੇਵੇ।
inputIdਇਨਪੁੱਟstringਟੈਕਸਟ ਫ਼ੀਲਡ ਦੀ id, <label for> ਲਈ।
disabledਇਨਪੁੱਟbooleanfalseਫ਼ੀਲਡ ਨੂੰ ਅਯੋਗ ਕਰਦਾ ਹੈ।
compareWithਇਨਪੁੱਟ(a: V, b: V) => booleanObject.isਦੱਸਦਾ ਹੈ ਕਿ ਦੋ ਵੈਲਿਊ ਇੱਕੋ ਵਿਕਲਪ ਹਨ ਜਾਂ ਨਹੀਂ, ਆਬਜੈਕਟ ਵਾਲੀਆਂ ਵੈਲਿਊ ਲਈ।
displayWithਇਨਪੁੱਟ(value: V) => stringStringਅਜਿਹੀ ਵੈਲਿਊ ਦਾ ਟੈਕਸਟ ਜੋ ਵਿਕਲਪਾਂ ਵਿੱਚ ਨਹੀਂ ਹੈ, ਜਿਵੇਂ ਉਨ੍ਹਾਂ ਦੇ ਲੋਡ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਸੈੱਟ ਕੀਤੀ ਵੈਲਿਊ।
virtualਇਨਪੁੱਟboolean | 'auto''auto'ਸਿਰਫ਼ ਦਿਸਦੀਆਂ ਕਤਾਰਾਂ ਰੈਂਡਰ ਕਰਦਾ ਹੈ: ਹਮੇਸ਼ਾ, ਕਦੇ ਨਹੀਂ, ਜਾਂ 200 ਕਤਾਰਾਂ ਤੋਂ ਬਾਅਦ auto।
queryChangeਆਊਟਪੁੱਟstringਟਾਈਪ ਹੁੰਦੇ ਹੀ ਟੈਕਸਟ ਐਮਿਟ ਕਰਦਾ ਹੈ, ਸਰਵਰ ’ਤੇ ਖੋਜ ਲਈ।
openChangeਆਊਟਪੁੱਟbooleanਸੂਚੀ ਖੁੱਲ੍ਹਣ ਜਾਂ ਬੰਦ ਹੋਣ ’ਤੇ ਐਮਿਟ ਕਰਦਾ ਹੈ।
showਮੈਥਡ() => voidਸੂਚੀ ਖੋਲ੍ਹਦਾ ਹੈ।
hideਮੈਥਡ() => voidਸੂਚੀ ਬੰਦ ਕਰਦਾ ਹੈ।
clearਮੈਥਡ() => voidਵੈਲਿਊ ਅਤੇ ਟੈਕਸਟ ਸਾਫ਼ ਕਰਦਾ ਹੈ।
focusਮੈਥਡ(options?: FocusOptions) => voidਟੈਕਸਟ ਫ਼ੀਲਡ ’ਤੇ ਫ਼ੋਕਸ ਕਰਦਾ ਹੈ।

ਦਿਖਾਇਆ ਜਾਂ ਐਲਾਨਿਆ ਜਾਣ ਵਾਲਾ ਹਰ ਟੈਕਸਟ ਵੀ ਇੱਕ ਇਨਪੁੱਟ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਉਸ ਦਾ ਅਨੁਵਾਦ ਕਰ ਸਕੋ: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel

NuiOptionTemplate

ਹਰ ਕਤਾਰ ਖ਼ੁਦ ਬਣਾਉਣ ਲਈ ਇਸ ਨੂੰ ਕੰਪੋਨੈਂਟ ਦੇ ਅੰਦਰ ਕਿਸੇ ng-template ’ਤੇ ਲਗਾਓ। ਕੰਟੈਕਸਟ ਵਿੱਚ ਵਿਕਲਪ ਅਤੇ ਉਸ ਦੀ ਕਤਾਰ ਹੁੰਦੀ ਹੈ।

ਸਿਲੈਕਟਰ
ng-template[nuiOptionTemplate]

NuiOptionText

ਤੁਹਾਡੀਆਂ ਆਪਣੀਆਂ ਕਤਾਰਾਂ ਲਈ ਵਿਕਲਪ ਦਾ ਲੇਬਲ ਬਣਾਉਂਦਾ ਹੈ, ਮੇਲ ਖਾਂਦੇ ਅੱਖਰ ਹਾਈਲਾਈਟ ਕਰਕੇ, ਨਾਲ ਉਸ ਦਾ ਵੇਰਵਾ ਅਤੇ ਪਾਥ।

ਸਿਲੈਕਟਰ
[nuiOptionText]
ਨਾਮਟਾਈਪਡਿਫ਼ਾਲਟਵੇਰਵਾ
nuiOptionTextਇਨਪੁੱਟNuiOptionRow<V>ਕਤਾਰ, ਟੈਂਪਲੇਟ ਕੰਟੈਕਸਟ ਤੋਂ।