要实现Angular 9中的国际电话输入,可以使用第三方库ngx-intl-tel-input。以下是一个包含代码示例的解决方法:
npm install ngx-intl-tel-input --save
import { NgxIntlTelInputModule } from 'ngx-intl-tel-input';
@NgModule({
imports: [
NgxIntlTelInputModule
]
})
export class AppModule { }
import { Component } from '@angular/core';
import { NgxIntlTelInputUtils } from 'ngx-intl-tel-input';
@Component({
selector: 'app-phone-input',
templateUrl: './phone-input.component.html',
styleUrls: ['./phone-input.component.css']
})
export class PhoneInputComponent {
phoneNumber: string;
constructor(private ngxIntlTelInputUtils: NgxIntlTelInputUtils) { }
validatePhoneNumber() {
const isValid = this.ngxIntlTelInputUtils.isValidNumber(this.phoneNumber);
console.log('Is valid phone number:', isValid);
}
}
这样,你就可以在Angular 9中实现国际电话输入。请注意,你可能需要进一步定制和配置ngx-intl-tel-input以满足你的需求。