ইমপোর্ট
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' | শুধু দৃশ্যমান সারিগুলো রেন্ডার করে: সবসময়, কখনো না, অথবা 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-এ এটি দিন। কনটেক্সটে থাকে অপশন ও তার সারি।
NuiOptionText
আপনার নিজের সারির জন্য অপশনের লেবেল আঁকে, মেলা অক্ষর হাইলাইট করে, সঙ্গে তার বিবরণ ও পাথ।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
nuiOptionTextইনপুট | NuiOptionRow<V> | সারিটি, টেমপ্লেট কনটেক্সট থেকে। |