Needless UI

Các component

Ô nhập số điện thoại

Bộ chọn quốc gia và số điện thoại, được chia nhóm theo cách viết của quốc gia đó.

Import

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

NuiPhoneField

Một ô nhập số điện thoại.

Selector
nui-phone-field
TênKiểuMặc địnhMô tả
valueHai chiềustring (E.164)''Số ở định dạng E.164, hoặc trống.
countryHai chiềustringthe locale's regionQuốc gia, dưới dạng mã khu vực hai chữ cái.
countriesInputstring[]allCác quốc gia được cung cấp, dưới dạng mã khu vực.
localeInputstringLOCALE_IDNgôn ngữ của tên quốc gia.
labelInputstringĐặt tên cho ô số, khi không có <label for> nào làm việc đó.
inputIdInputstringId của ô số, dùng cho <label for>.
placeholderInputstringVăn bản hiển thị khi ô số còn trống.
invalidInputbooleanfalseĐánh dấu số là không hợp lệ.
disabledInputbooleanfalseKhông thể thay đổi.
labelsInputPartial<NuiPhoneFieldLabels>Mọi văn bản mà ô nhập đọc lên, để dịch.

Helpers

Các hàm cho số điện thoại.

TênKiểuMặc địnhMô tả
nuiParsePhonePhương thức(text, region?) => NuiPhoneNumber | nullĐọc một số viết theo bất kỳ cách nào, tách thành khu vực, mã quốc gia và số trong nước.
nuiFormatPhonePhương thức(phone, style?: 'international' | 'e164') => stringGhi một số theo cách chia nhóm của quốc gia đó, hoặc ở định dạng E.164.
nuiPhoneValidPhương thức(phone, region?) => booleanSố có mã quốc gia đã biết và đúng độ dài theo quốc gia hay không.