导入
import { nuiFormatPhone, NuiPhoneField } from '@needless-ui/angular/phone-field';NuiPhoneField
电话号码输入框。
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
value双向绑定 | string (E.164) | '' | E.164 格式的号码,或为空。 |
country双向绑定 | string | the locale's region | 国家,以其地区代码表示。 |
countries输入 | string[] | all | 可选的国家,以地区代码表示。 |
locale输入 | string | LOCALE_ID | 国家名称所用的语言。 |
label输入 | string | 号码的名称,在没有 <label for> 为它命名时使用。 | |
inputId输入 | string | 号码输入框的 id,供 <label for> 使用。 | |
placeholder输入 | string | 号码输入框为空时显示的文本。 | |
invalid输入 | boolean | false | 将号码标记为无效。 |
disabled输入 | boolean | false | 禁止修改。 |
labels输入 | Partial<NuiPhoneFieldLabels> | 它显示或播报的所有文本,供翻译使用。 |
Helpers
处理电话号码的函数。
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
nuiParsePhone方法 | (text, region?) => NuiPhoneNumber | null | 把任意写法的号码解析为地区、国际区号和国内号码。 | |
nuiFormatPhone方法 | (phone, style?: 'international' | 'e164') => string | 按所属国家的分组方式写出号码,或写成 E.164 格式。 | |
nuiPhoneValid方法 | (phone, region?) => boolean | 号码是否带有已知的国际区号,且长度符合其所属国家。 |