インポート

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番号が既知の国番号を持ち、その国の桁数に合っているかどうか。