Needless UI

கம்போனென்ட்கள்

எண் புலம்

கூட்டு, குறை பொத்தான்களுடன் கூடிய எண் இன்புட்; ஒவ்வொரு லொக்கேலுக்கும் ஏற்ற வடிவில்.

இம்போர்ட்

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

NuiNumberField

இன்புட்டையும் அதன் படி பொத்தான்களையும் ஒன்றாகக் குழுவாக்குகிறது.

செலக்டர்
[nuiNumberField]

NuiNumberInput

ஓர் எண்ணை வைத்திருக்கும் உரை இன்புட், ARIA spinbutton ஆக.

செலக்டர்
input[nuiNumberInput]
பெயர்வகைஇயல்புநிலைவிளக்கம்
valueஇருவழிnumber | nullnullஎண், அல்லது காலியாக இருக்கும்போது null. படிவங்களுடனும் வேலை செய்யும்.
minஇன்புட்numberஅனுமதிக்கப்பட்ட மிகச் சிறிய மதிப்பு.
maxஇன்புட்numberஅனுமதிக்கப்பட்ட மிகப் பெரிய மதிப்பு.
stepஇன்புட்number1ஒரு படி மதிப்பை எவ்வளவு மாற்றுகிறது என்பது. ஃபோகஸ் விலகும்போது மதிப்பு அதற்குப் பொருந்துமாறு சரிசெய்யப்படுகிறது.
formatஇன்புட்Intl.NumberFormatOptions{}Intl.NumberFormat விருப்பங்கள், எடுத்துக்காட்டாக { style: 'currency', currency: 'EUR' }.
localeஇன்புட்stringLOCALE_IDஎண்களை வடிவமைக்கவும் படிக்கவும் பயன்படும் லொக்கேல்.
disabledஇன்புட்booleanfalseஇன்புட்டையும் அதன் பொத்தான்களையும் முடக்குகிறது.
stepByமெத்தட்(count: number) => voidகுறிப்பிட்ட எண்ணிக்கையிலான படிகள் மதிப்பைக் கூட்டுகிறது (நேர் எண்) அல்லது குறைக்கிறது (எதிர் எண்).

NuiNumberStep

ஒரு படி பொத்தான். அழுத்திப் பிடித்தால் மீண்டும் மீண்டும் செயல்படும்.

செலக்டர்
button[nuiNumberStep]
பெயர்வகைஇயல்புநிலைவிளக்கம்
nuiNumberStepஇன்புட்number1 மதிப்பைக் கூட்டுகிறது, -1 குறைக்கிறது.
labelஇன்புட்stringஅணுகல் பெயர். இயல்பாக “Increase” அல்லது “Decrease”.