Import

import-phone-field.ts
import { nuiFormatPhone, NuiPhoneField } from '@needless-ui/angular/phone-field';

NuiPhoneField

ช่องสำหรับกรอกเบอร์โทรศัพท์

Selector
nui-phone-field
NuiPhoneField: พร็อพเพอร์ตี
ชื่อชนิดค่าเริ่มต้นคำอธิบาย
valueสองทางstring (E.164)''หมายเลขในรูปแบบ E.164 หรือค่าว่าง
countryสองทางstringthe locale's regionประเทศ ในรูปรหัสภูมิภาค
countriesInputstring[]allประเทศที่มีให้เลือก ในรูปรหัสภูมิภาค
localeInputstringLOCALE_IDภาษาของชื่อประเทศ
labelInputstringตั้งชื่อให้ช่องหมายเลข เมื่อไม่มี <label for> ตั้งชื่อให้
inputIdInputstringid ของช่องหมายเลข สำหรับ <label for>
placeholderInputstringข้อความที่แสดงขณะช่องหมายเลขยังว่าง
invalidInputbooleanfalseทำเครื่องหมายว่าหมายเลขไม่ถูกต้อง
disabledInputbooleanfalseเปลี่ยนค่าไม่ได้
labelsInputPartial<NuiPhoneFieldLabels>ข้อความทุกส่วนที่แสดงหรือประกาศ สำหรับการแปล

Helpers

ฟังก์ชันสำหรับหมายเลขโทรศัพท์

Helpers: พร็อพเพอร์ตี
ชื่อชนิดค่าเริ่มต้นคำอธิบาย
nuiParsePhoneเมธอด(text, region?) => NuiPhoneNumber | nullอ่านหมายเลขที่เขียนแบบใดก็ได้ แล้วแยกเป็นภูมิภาค รหัสประเทศ และหมายเลขในประเทศ
nuiFormatPhoneเมธอด(phone, style?: 'international' | 'e164') => stringเขียนหมายเลขโดยจัดกลุ่มตามแบบของประเทศนั้น หรือในรูปแบบ E.164
nuiPhoneValidเมธอด(phone, region?) => booleanหมายเลขมีรหัสประเทศที่รู้จักและยาวตามประเทศนั้นหรือไม่