Как получить страну, которую я выбрал из библиотеки ngx-international-phone-number или ng2-tel-input? - PullRequest
Новая
       43

Как получить страну, которую я выбрал из библиотеки ngx-international-phone-number или ng2-tel-input?

0 голосов
/ 28 сентября 2019

Я использовал библиотеку ngx-international-phone-number для разработки приложения, которое поможет пользователям выбирать страну и вводить номер своего мобильного телефона в Пополнить счет или купить эфирное время онлайн Какполучить текущую выбранную страну , чтобы я получал для дальнейшей обработки, например, получение оператора? **

** Есть ли лучший вариант для отображения номера телефона с флагом страны в нем?я должен использовать ng2-tel-input?

Ну, я сделал это, как показано ниже, в качестве примера в моем app.component.html. 

 <div>
  <form name="sample-form" (ngSubmit)="submit()" 
     [formGroup]="phoneForm">

 <international-phone-number matInput 
   formControlName="formControlPhone" 
         placeholder="Enter phone number"
       [maxlength]="20" [defaultCountry]="'sg'" 
      [required]="true"></international-phone-number>
</form>

, а мой app.component.ts такой, как показано ниже 

 import { Component } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from 
  '@angular/forms';

    @Component({
          selector: 'app-root',
          templateUrl: './app.component.html',
          styleUrls: ['./app.component.css']
        })
        export class AppComponent {

          public phoneForm: FormGroup;

          constructor(private formBuilder: FormBuilder) {
            this.phoneForm = this.formBuilder.group({
              formControlPhone: ['', Validators.required]
            });
          }
          hasError(event: any): void {
            if (!event && this.phoneForm.value.formControlPhone !== '') {
              this.phoneForm.get('formControlPhone').setErrors(['invalid_cell_phone', true]);
            }
          }
        }
...