Я пытаюсь создать директиву для форматирования и проверки номеров телефонов в моем приложении angualr 4, искал некоторые рекомендации для начала работы.
Есть ли образец для @angular-libphonenumber с angular 2 или выше?
Ответы (1)
Отредактировано (15.03.2018) - спасибо @Joseph Webber
Во-первых, вам нужно установить libphonenumber-js, который представляет собой готовую оболочку google-libphonenumber. для импорта в Angular 2+. Вы можете установить его в свое приложение с помощью:
npm install libphonenumber-js --save
or
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:
person
BogdanC
schedule
10.07.2017
Я установил с помощью npm, как вы упомянули выше, и когда я импортирую «libphonenumber-js», я получаю сообщение об ошибке, поскольку не могу настроить модуль «libphonenumber-js».
- person ram_p; 12.07.2017
Имя
asYouType
устарело, используйте вместо него AsYouType
. github.com/catamphetamine/libphonenumber-js/blob /мастер/
- person Joseph Webber; 15.03.2018