Needless UI

Vijenzi

Sehemu ya namba

Input ya namba yenye vitufe vya kuongeza na kupunguza, iliyoumbizwa kwa kila locale.

Kuingiza

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

NuiNumberField

Huweka input pamoja na vitufe vyake vya hatua katika kundi moja.

Kiteuzi
[nuiNumberField]

NuiNumberInput

Input ya maandishi inayobeba namba, kama spinbutton ya ARIA.

Kiteuzi
input[nuiNumberInput]
JinaAinaChaguomsingiMaelezo
valuePande mbilinumber | nullnullNamba, au null ikiwa tupu. Hufanya kazi pia na fomu.
minInputnumberThamani ndogo zaidi inayoruhusiwa.
maxInputnumberThamani kubwa zaidi inayoruhusiwa.
stepInputnumber1Kiasi ambacho hatua moja hubadilisha thamani. Input inapopoteza focus, thamani hurekebishwa iendane nacho.
formatInputIntl.NumberFormatOptions{}Chaguo za Intl.NumberFormat, kama vile { style: 'currency', currency: 'EUR' }.
localeInputstringLOCALE_IDLocale ya kuumbiza na kusoma namba.
disabledInputbooleanfalseHuzima input na vitufe vyake.
stepByMbinu(count: number) => voidHuongeza (chanya) au hupunguza (hasi) thamani kwa idadi fulani ya hatua.

NuiNumberStep

Kitufe cha hatua. Ukikishikilia, hurudia.

Kiteuzi
button[nuiNumberStep]
JinaAinaChaguomsingiMaelezo
nuiNumberStepInputnumber1 huongeza hatua moja na -1 hupunguza hatua moja.
labelInputstringJina linalofikika. Chaguomsingi ni “Increase” au “Decrease”.