如何使用国家代码验证手机号码

Question

我有两个输入，一个带有国家代码选项，例如 CA、US 等，另一个带有手机号码。我在一些源代码中看到使用 google-libphonenumber 进行验证，我在 Use google-libphonenumber in angular reactive forms validator 中找到了一个自定义验证，使用这个自定义验证器会给我带来一些错误返回 validNumber 吗？ null : { 'wrongNumber': { value: control.value } };

输入 '{ wrongNumber: { value: any; }; } | null' 不能分配给类型 '{ [key: string]: any; }'。 类型 'null' 不能分配给类型 '{ [key: string]: any; }'。

如何传递国家代码和手机号码进行验证，如果无效则在 html 传递中显示错误。

Answer 1

在您的函数 PhoneNumberValidator 中，尝试更改：

return (control: AbstractControl): { [key: string]: any } => {

为

return (control: AbstractControl): { [key: string]: any } | null => {

如果它不起作用，请尝试另一种更改，单独（或混合）：

export function PhoneNumberValidator(regionCode?: string): (ValidatorFn | null | undefined)): ValidatorFn {