导入

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

NuiPhoneField

电话号码输入框。

选择器
nui-phone-field
NuiPhoneField: 属性
名称类型默认值说明
value双向绑定string (E.164)''E.164 格式的号码,或为空。
country双向绑定stringthe locale's region国家,以其地区代码表示。
countries输入string[]all可选的国家,以地区代码表示。
locale输入stringLOCALE_ID国家名称所用的语言。
label输入string号码的名称,在没有 <label for> 为它命名时使用。
inputId输入string号码输入框的 id,供 <label for> 使用。
placeholder输入string号码输入框为空时显示的文本。
invalid输入booleanfalse将号码标记为无效。
disabled输入booleanfalse禁止修改。
labels输入Partial<NuiPhoneFieldLabels>它显示或播报的所有文本,供翻译使用。

Helpers

处理电话号码的函数。

Helpers: 属性
名称类型默认值说明
nuiParsePhone方法(text, region?) => NuiPhoneNumber | null把任意写法的号码解析为地区、国际区号和国内号码。
nuiFormatPhone方法(phone, style?: 'international' | 'e164') => string按所属国家的分组方式写出号码,或写成 E.164 格式。
nuiPhoneValid方法(phone, region?) => boolean号码是否带有已知的国际区号,且长度符合其所属国家。