我正在尝试创建一个格式化和验证我的angualr 4应用程序中的电话号码的指令,正在寻找一些入门指导。
答案 0 :(得分:8)
已编辑(15.03.2018) - 感谢@Joseph Webber
首先,您必须安装libphonenumber-js,这是google-libphonenumber的包装,可以在Angular 2+上导入。 您可以使用以下命令将其安装在您的应用上:
npm install libphonenumber-js --save
或
yarn add libphonenumber-js
取决于您使用的包管理器。
安装后,您可以在组件上使用它,如:
import { Component, OnInit } from '@angular/core';
import { parse, format, AsYouType } from 'libphonenumber-js';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
asYouType: any;
format: any;
parse: any;
ngOnInit() {
this.asYouType = new AsYouType('US').input('2133734');
this.format = format('2133734253', 'US', 'International');
this.parse = parse('(0777) 844 822', 'RO');
}
}
我在Github上添加了工作演示: