ایمپورت
import { NuiCombobox, type NuiOption } from '@needless-ui/angular/select';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' | فقط ردیفهای در دید را رندر میکند: همیشه، هرگز، یا با 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 درون کامپوننت بگذارید تا هر ردیف را خودتان رسم کنید. کانتکست، گزینه و ردیف آن را در خود دارد.
NuiOptionText
برچسب گزینه را همراه با علامتگذاری حروف منطبق، توضیح و مسیرش، برای ردیفهای خودتان رسم میکند.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
nuiOptionTextورودی | NuiOptionRow<V> | ردیف، از کانتکست قالب. |