숫자 필드 API · Needless UI

가져오기

import-number-field.ts

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

입력과 증감 버튼을 하나로 묶습니다.

숫자를 담는 텍스트 입력으로, ARIA 스핀 버튼 역할을 합니다.

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’입니다.