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>قطار، ٹیمپلیٹ کانٹیکسٹ سے۔