Combobox کا API ریفرنس

امپورٹ

import-combobox.ts

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

NuiCombobox

ٹیکسٹ فیلڈ جو ٹائپ کرتے ہوئے آپشنز تجویز کرتی ہے۔

سلیکٹر: nui-combobox

NuiCombobox: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`options`ان پٹ	`NuiOption<V>[]`		آپشنز، `NuiOption` آبجیکٹس کی صورت میں۔
`value`دو طرفہ	`V \| null`	`null`	منتخب ویلیو، یا `null`۔ فارمز کے ساتھ بھی کام کرتا ہے۔
`values`دو طرفہ	`readonly V[]`	`[]`	منتخب ویلیوز، `multiple` کے ساتھ۔
`multiple`ان پٹ	`boolean`	`false`	کئی آپشنز چننے دیتا ہے، جو چپس کی صورت میں دکھائے جاتے ہیں۔
`create`ان پٹ	`(text: string) => V`		ٹائپ کیے گئے متن سے ویلیو بناتا ہے۔ پھر فہرست ایسا متن شامل کرنے کی پیشکش کرتی ہے جو آپشن نہ ہو۔
`filtering`ان پٹ	`boolean`	`true`	ٹائپ کرتے ہوئے آپشنز فلٹر کرتا ہے۔ جب سرور فلٹر کرے تو اسے بند کر دیں۔
`loading`ان پٹ	`boolean`	`false`	نتائج آنے تک لوڈنگ کی ایک قطار دکھاتا ہے۔
`clearable`ان پٹ	`boolean`	`false`	ویلیو صاف کرنے کا بٹن شامل کرتا ہے، اور Esc سے اسے صاف کرنے دیتا ہے۔
`placeholder`ان پٹ	`string`	`''`	فیلڈ خالی ہونے پر دکھایا جانے والا متن۔
`label`ان پٹ	`string`		قابلِ رسائی نام، جب کوئی `<label>` فیلڈ کو نام نہ دے۔
`inputId`ان پٹ	`string`		ٹیکسٹ فیلڈ کی id، `<label for>` کے لیے۔
`disabled`ان پٹ	`boolean`	`false`	فیلڈ کو غیر فعال کرتا ہے۔
`compareWith`ان پٹ	`(a: V, b: V) => boolean`	`Object.is`	بتاتا ہے کہ دو ویلیوز ایک ہی آپشن ہیں یا نہیں، ان ویلیوز کے لیے جو آبجیکٹس ہوں۔
`displayWith`ان پٹ	`(value: V) => string`	`String`	ایسی ویلیو کا متن جو آپشنز میں نہ ہو، جیسے آپشنز لوڈ ہونے سے پہلے سیٹ کی گئی ویلیو۔
`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: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`nuiOptionText`ان پٹ	`NuiOptionRow<V>`		قطار، ٹیمپلیٹ کانٹیکسٹ سے۔