API ของช่องกรอกตัวเลข

Import

import-number-field.ts

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

จัดกลุ่มช่องกรอกเข้ากับปุ่มเพิ่มลดของช่องนั้น

ช่องกรอกข้อความที่เก็บค่าตัวเลข ทำหน้าที่เป็น spinbutton ของ ARIA

NuiNumberInput: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`value`สองทาง	`number \| null`	`null`	ค่าตัวเลข หรือ `null` เมื่อว่าง ใช้กับฟอร์มได้ด้วย
`min`Input	`number`		ค่าต่ำสุดที่อนุญาต
`max`Input	`number`		ค่าสูงสุดที่อนุญาต
`step`Input	`number`	`1`	ขนาดที่ค่าเปลี่ยนในแต่ละขั้น ค่าจะถูกปัดให้ตรงกับขั้นนี้เมื่อออกจากช่อง
`format`Input	`Intl.NumberFormatOptions`	`{}`	ตัวเลือกของ `Intl.NumberFormat` เช่น `{ style: 'currency', currency: 'EUR' }`
`locale`Input	`string`	`LOCALE_ID`	locale ที่ใช้จัดรูปแบบและอ่านตัวเลข
`disabled`Input	`boolean`	`false`	ปิดใช้งานช่องกรอกและปุ่มของช่องนั้น
`stepBy`เมธอด	`(count: number) => void`		เพิ่ม (ค่าบวก) หรือลด (ค่าลบ) ค่าตามจำนวนขั้นที่ระบุ

ปุ่มเพิ่มลด กดค้างไว้เพื่อทำซ้ำ

NuiNumberStep: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`nuiNumberStep`Input	`number`		`1` เพิ่มค่าขึ้น และ `-1` ลดค่าลง
`label`Input	`string`		ชื่อที่เข้าถึงได้ ค่าเริ่มต้นคือ “Increase” หรือ “Decrease”