電話號碼輸入欄位 API

匯入

import-phone-field.ts

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`	號碼是否帶有已知的國碼，且長度符合所屬國家。