Есть ли образец для @angular-libphonenumber с angular 2 или выше?

Я пытаюсь создать директиву для форматирования и проверки номеров телефонов в моем приложении angualr 4, искал некоторые рекомендации для начала работы.


person ram_p    schedule 10.07.2017    source источник


Ответы (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:

libphonenumber-demo-angular2

person BogdanC    schedule 10.07.2017
comment
Я установил с помощью npm, как вы упомянули выше, и когда я импортирую «libphonenumber-js», я получаю сообщение об ошибке, поскольку не могу настроить модуль «libphonenumber-js». - person ram_p; 12.07.2017
comment
Имя asYouType устарело, используйте вместо него AsYouType. github.com/catamphetamine/libphonenumber-js/blob /мастер/ - person Joseph Webber; 15.03.2018