Import
import { nuiFormatPhone, NuiPhoneField } from '@needless-ui/angular/phone-field';NuiPhoneField
ช่องสำหรับกรอกเบอร์โทรศัพท์
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
valueสองทาง | string (E.164) | '' | หมายเลขในรูปแบบ E.164 หรือค่าว่าง |
countryสองทาง | string | the locale's region | ประเทศ ในรูปรหัสภูมิภาค |
countriesInput | string[] | all | ประเทศที่มีให้เลือก ในรูปรหัสภูมิภาค |
localeInput | string | LOCALE_ID | ภาษาของชื่อประเทศ |
labelInput | string | ตั้งชื่อให้ช่องหมายเลข เมื่อไม่มี <label for> ตั้งชื่อให้ | |
inputIdInput | string | id ของช่องหมายเลข สำหรับ <label for> | |
placeholderInput | string | ข้อความที่แสดงขณะช่องหมายเลขยังว่าง | |
invalidInput | boolean | false | ทำเครื่องหมายว่าหมายเลขไม่ถูกต้อง |
disabledInput | boolean | false | เปลี่ยนค่าไม่ได้ |
labelsInput | Partial<NuiPhoneFieldLabels> | ข้อความทุกส่วนที่แสดงหรือประกาศ สำหรับการแปล |
Helpers
ฟังก์ชันสำหรับหมายเลขโทรศัพท์
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
nuiParsePhoneเมธอด | (text, region?) => NuiPhoneNumber | null | อ่านหมายเลขที่เขียนแบบใดก็ได้ แล้วแยกเป็นภูมิภาค รหัสประเทศ และหมายเลขในประเทศ | |
nuiFormatPhoneเมธอด | (phone, style?: 'international' | 'e164') => string | เขียนหมายเลขโดยจัดกลุ่มตามแบบของประเทศนั้น หรือในรูปแบบ E.164 | |
nuiPhoneValidเมธอด | (phone, region?) => boolean | หมายเลขมีรหัสประเทศที่รู้จักและยาวตามประเทศนั้นหรือไม่ |