الاستيراد
import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';NuiNumberField
يجمع الحقل مع أزرار الخطوات الخاصة به.
NuiNumberInput
حقل نصي يحمل رقمًا، بدور spinbutton في ARIA.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
valueثنائي الاتجاه | number | null | null | الرقم، أو null إذا كان الحقل فارغًا. ويعمل أيضًا مع النماذج. |
minمُدخَل | number | أصغر قيمة مسموح بها. | |
maxمُدخَل | number | أكبر قيمة مسموح بها. | |
stepمُدخَل | number | 1 | مقدار تغيّر القيمة في كل خطوة. وتُقرَّب القيمة إلى أقرب مضاعف له عند فقدان التركيز. |
formatمُدخَل | Intl.NumberFormatOptions | {} | خيارات Intl.NumberFormat، مثل { style: 'currency', currency: 'EUR' }. |
localeمُدخَل | string | LOCALE_ID | اللغة والمنطقة المستخدمتان لتنسيق الأرقام وقراءتها. |
disabledمُدخَل | boolean | false | يُعطّل الحقل وأزراره. |
stepByدالة | (count: number) => void | يزيد القيمة (بعدد موجب) أو يُنقصها (بعدد سالب) بعدد من الخطوات. |
NuiNumberStep
زر خطوة. والضغط المستمر عليه يكرّرها.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
nuiNumberStepمُدخَل | number | تزيد 1 القيمة خطوة، وتُنقصها -1 خطوة. | |
labelمُدخَل | string | الاسم الذي تقرؤه التقنيات المساعدة. وقيمته الافتراضية «Increase» أو «Decrease». |