Есть ли образец для @angular-libphonenumber с angular 2 или выше?
Я пытаюсь создать директиву для форматирования и проверки телефонных номеров в моем приложении angualr 4, искал некоторые рекомендации для начала работы.
1 ответов
отредактировано (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: