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”.