Needless UI

Komponen

Kolom telepon

Pemilih negara dan nomor, dikelompokkan sesuai cara penulisan di negara itu.

Impor

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

NuiPhoneField

Kolom nomor telepon.

Selektor
nui-phone-field
NamaTipeDefaultDeskripsi
valueDua arahstring (E.164)''Nomor dalam format E.164, atau kosong.
countryDua arahstringthe locale's regionNegaranya, sebagai kode wilayah.
countriesInputstring[]allNegara yang ditawarkan, sebagai kode wilayah.
localeInputstringLOCALE_IDBahasa untuk nama negara.
labelInputstringMemberi nama pada nomor, jika tidak ada <label for> yang menamainya.
inputIdInputstringId kolom nomor, untuk <label for>.
placeholderInputstringTeks yang ditampilkan saat kolom nomor kosong.
invalidInputbooleanfalseMenandai nomor sebagai tidak valid.
disabledInputbooleanfalseTidak bisa diubah.
labelsInputPartial<NuiPhoneFieldLabels>Semua teks yang disampaikan kolom, untuk diterjemahkan.

Helpers

Fungsi untuk nomor telepon.

NamaTipeDefaultDeskripsi
nuiParsePhoneMetode(text, region?) => NuiPhoneNumber | nullMengurai nomor yang ditulis dengan cara apa pun menjadi wilayah, kode negara, dan nomor nasionalnya.
nuiFormatPhoneMetode(phone, style?: 'international' | 'e164') => stringMenulis nomor dengan pengelompokan sesuai negaranya, atau dalam format E.164.
nuiPhoneValidMetode(phone, region?) => booleanApakah nomor memiliki kode negara yang dikenal dan panjang yang sesuai negaranya.