Импорт

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Страна в виде двухбуквенного кода региона.
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Известен ли код страны номера и подходит ли его длина для этой страны.