Needless UI

ਕੰਪੋਨੈਂਟ

Select

ਇੱਕ ਜਾਂ ਕਈ ਵਿਕਲਪ ਚੁਣੋ, ਛੋਟੀ ਸੂਚੀ ਵਿੱਚੋਂ ਜਾਂ ਬਹੁਤ ਵੱਡੀ ਵਿੱਚੋਂ।

ਇੰਪੋਰਟ

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

NuiSelect

ਬਟਨ, ਜੋ ਵਿਕਲਪਾਂ ਦੀ ਸੂਚੀ ਖੋਲ੍ਹਦਾ ਹੈ।

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

ਦਿਖਾਇਆ ਜਾਂ ਐਲਾਨਿਆ ਜਾਣ ਵਾਲਾ ਹਰ ਟੈਕਸਟ ਵੀ ਇੱਕ ਇਨਪੁੱਟ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਉਸ ਦਾ ਅਨੁਵਾਦ ਕਰ ਸਕੋ: selectAllLabel clearAllLabel emptyLabel

NuiOption

ਇੱਕ ਵਿਕਲਪ। ਸਿਲੈਕਟ, ਕੰਬੋਬਾਕਸ ਅਤੇ ਕਮਾਂਡ ਪੈਲੇਟ, ਤਿੰਨੇ ਇਹੀ ਲੈਂਦੇ ਹਨ।

ਨਾਮਟਾਈਪਡਿਫ਼ਾਲਟਵੇਰਵਾ
valueਪ੍ਰਾਪਰਟੀVਇਸ ਨੂੰ ਚੁਣਨ ’ਤੇ ਸੈੱਟ ਹੋਣ ਵਾਲੀ ਵੈਲਿਊ। ਕੋਈ ਵੀ ਟਾਈਪ।
labelਪ੍ਰਾਪਰਟੀstringਦਿਸਣ ਅਤੇ ਖੋਜਿਆ ਜਾਣ ਵਾਲਾ ਟੈਕਸਟ।
descriptionਪ੍ਰਾਪਰਟੀstringਲੇਬਲ ਦੇ ਹੇਠਾਂ ਸਹਾਇਕ ਟੈਕਸਟ।
groupਪ੍ਰਾਪਰਟੀstringਇੱਕੋ ਸਮੂਹ ਵਾਲੇ ਵਿਕਲਪ ਉਸ ਹੈਡਿੰਗ ਹੇਠ, ਕ੍ਰਮ ਵਿੱਚ ਦਿਸਦੇ ਹਨ।
keywordsਪ੍ਰਾਪਰਟੀstring[]ਹੋਰ ਸ਼ਬਦ, ਜਿਨ੍ਹਾਂ ਨਾਲ ਖੋਜ ਮੇਲ ਖਾਂਦੀ ਹੈ, ਜਿਵੇਂ ਸਮਾਨਾਰਥੀ ਸ਼ਬਦ ਜਾਂ ਕੋਡ।
disabledਪ੍ਰਾਪਰਟੀbooleanਦਿਸਦਾ ਹੈ, ਪਰ ਚੁਣਿਆ ਨਹੀਂ ਜਾ ਸਕਦਾ।
childrenਪ੍ਰਾਪਰਟੀNuiOption<V>[]ਇੱਕ ਪੱਧਰ ਹੇਠਲੇ ਵਿਕਲਪ, ਜੋ ਸੂਚੀ ਨੂੰ ਟ੍ਰੀ ਬਣਾਉਂਦੇ ਹਨ।

NuiOptionTemplate

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

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

NuiOptionText

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

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