Number field API · Needless UI

ਇੰਪੋਰਟ

import-number-field.ts

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

ਇਨਪੁੱਟ ਨੂੰ ਉਸ ਦੇ ਸਟੈੱਪ ਬਟਨਾਂ ਨਾਲ ਇੱਕ ਸਮੂਹ ਵਿੱਚ ਰੱਖਦਾ ਹੈ।

ਸੰਖਿਆ ਰੱਖਣ ਵਾਲਾ ਟੈਕਸਟ ਇਨਪੁੱਟ, ARIA spinbutton ਵਜੋਂ।

NuiNumberInput: ਪ੍ਰਾਪਰਟੀਆਂ
ਨਾਮ	ਟਾਈਪ	ਡਿਫ਼ਾਲਟ	ਵੇਰਵਾ
`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”।