Needless UI

คอมโพเนนต์

การให้คะแนน

ดาวสำหรับให้คะแนน สร้างบนปุ่ม radio จริง

Import

import-rating.ts
import { NuiRating } from '@needless-ui/angular/rating';

NuiRating

กลุ่ม radio ของดาว หรือรูปภาพแสดงคะแนนแบบอ่านอย่างเดียว

Selector
[nuiRating]
ชื่อชนิดค่าเริ่มต้นคำอธิบาย
valueสองทางnumber | nullnullคะแนน หรือ null ใช้กับฟอร์มได้ด้วย
maxInputnumber5จำนวนดาว
readonlyInputbooleanfalseแสดงค่าเป็นทศนิยมใดก็ได้ แทนการให้ผู้ใช้ให้คะแนน
disabledInputbooleanfalseปิดใช้งานดาวทุกดวง
clearableInputbooleanfalseการเลือกดาวดวงปัจจุบันซ้ำจะล้างคะแนน
nameInputstringชื่อที่ปุ่ม radio ใช้ร่วมกัน โดยค่าเริ่มต้นจะสร้างให้อัตโนมัติ
starLabelInput(value: number) => stringชื่อที่เข้าถึงได้ของดาวแต่ละดวง ในรูปฟังก์ชันที่รับค่าของดาว
readonlyLabelInput(value: number, max: number) => stringชื่อที่เข้าถึงได้ในโหมดอ่านอย่างเดียว