ইমপোর্ট
import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';NuiSelect
একটি বাটন, যা অপশনের তালিকা খোলে।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
optionsইনপুট | NuiOption<V>[] | অপশনগুলো, NuiOption অবজেক্ট হিসেবে। | |
valueদ্বিমুখী | V | null | null | বেছে নেওয়া ভ্যালু, অথবা null। ফর্মের সঙ্গেও কাজ করে। |
valuesদ্বিমুখী | readonly V[] | [] | বেছে নেওয়া ভ্যালুগুলো, multiple-সহ। |
multipleইনপুট | boolean | false | একাধিক অপশন বেছে নিতে দেয়। বাছাইয়ের সময় তালিকা খোলা থাকে। |
selectAllইনপুট | boolean | false | multiple-সহ, একটি বাটন যোগ করে, যা সব অপশন বেছে নেয় বা মুছে দেয়। |
placeholderইনপুট | string | 'Select…' | কিছু বেছে নেওয়া না থাকলে যে টেক্সট দেখায়। |
labelইনপুট | string | অ্যাক্সেসিবল নাম, যখন কোনো <label> বাটনটির নাম দেয় না। | |
triggerIdইনপুট | string | বাটনের id, <label for>-এর জন্য। | |
disabledইনপুট | boolean | false | সিলেক্টটি নিষ্ক্রিয় করে। |
compareWithইনপুট | (a: V, b: V) => boolean | Object.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-এ এটি দিন। কনটেক্সটে থাকে অপশন ও তার সারি।
NuiOptionText
আপনার নিজের সারির জন্য অপশনের লেবেল আঁকে, মেলা অক্ষর হাইলাইট করে, সঙ্গে তার বিবরণ ও পাথ।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
nuiOptionTextইনপুট | NuiOptionRow<V> | সারিটি, টেমপ্লেট কনটেক্সট থেকে। |