数値入力の 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`	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」です。