ایمپورت

import-number-field.ts
import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';

NuiNumberField

ورودی را با دکمه‌های گامش در یک گروه قرار می‌دهد.

سلکتور
[nuiNumberField]

NuiNumberInput

یک ورودی متنی که عدد نگه می‌دارد، به‌عنوان spinbutton در ARIA.

سلکتور
input[nuiNumberInput]
NuiNumberInput: ویژگی‌ها
نامنوعپیش‌فرضتوضیح
valueدوطرفهnumber | nullnullعدد، یا null وقتی خالی است. با فرم‌ها هم کار می‌کند.
minورودیnumberکوچک‌ترین مقدار مجاز.
maxورودیnumberبزرگ‌ترین مقدار مجاز.
stepورودیnumber1اینکه هر گام چقدر مقدار را تغییر می‌دهد. وقتی فوکوس خارج می‌شود، مقدار به نزدیک‌ترین مضرب آن گرد می‌شود.
formatورودیIntl.NumberFormatOptions{}گزینه‌های Intl.NumberFormat، مثل { style: 'currency', currency: 'EUR' }.
localeورودیstringLOCALE_IDزبان و منطقه (locale) برای قالب‌بندی و خواندن اعداد.
disabledورودیbooleanfalseورودی و دکمه‌هایش را غیرفعال می‌کند.
stepByمتد(count: number) => voidمقدار را به اندازهٔ چند گام بالا (عدد مثبت) یا پایین (عدد منفی) می‌برد.

NuiNumberStep

یک دکمهٔ گام. نگه داشتنش گام‌برداری را تکرار می‌کند.

سلکتور
button[nuiNumberStep]
NuiNumberStep: ویژگی‌ها
نامنوعپیش‌فرضتوضیح
nuiNumberStepورودیnumber1 یک گام بالا و -1 یک گام پایین می‌برد.
labelورودیstringنام دسترس‌پذیر. به‌طور پیش‌فرض «Increase» یا «Decrease».