Existe-t-il un échantillon pour @ angular-libphonenumber avec angulaire 2 ou supérieur?

Question

J'essaie de créer une directive pour le formatage et la validation des numéros de téléphone dans mon application angualr 4, cherchait des conseils pour commencer.

Answer 1

Vous devez d'abord installer libphonenumber-js, qui est un wrapper de google-libphonenumber prêt à être importé sur Angular 2+. Vous pouvez l'installer sur votre application avec:

npm install libphonenumber-js --save 

ou

yarn add libphonenumber-js 

selon le gestionnaire de paquets que vous utilisez.

installer Une fois que vous pouvez l'utiliser sur votre composant comme:

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'); 
    } 

} 

J'ai ajouté la démo de travail sur Github:

libphonenumber-demo-angular2