Как отключить флаг в ngx-intl-tel-input lib?

Эта проблема была исправлена ​​в последних выпусках. Чтобы отключить элемент управления, включая раскрывающийся список стран:

phoneForm = new FormGroup({
   phone: new FormControl({
    value: undefined,
    disabled: true
  }, [Validators.required])
});

or

this.phoneForm.controls['phone'].disable();

Я нашел хак. Возьмите ссылку <ngx-mat-intl-tel-input> и отключите кнопку внутри нее. Проверьте код ниже.

HTML:

<ngx-mat-intl-tel-input
    [preferredCountries]="['us']"
    [enablePlaceholder]="true"
    [enableSearch]="true"
    format="national"
    name="phone"
    placeholder="Phone Number"
    formControlName="phone"
    #phoneField
  ></ngx-mat-intl-tel-input>

Компонент ТС:

 @ViewChild('phoneField')
  public phoneField;

public ngAfterViewChecked() {
    // disabling country selection button
      try {
        this.phoneField.elRef.nativeElement.firstChild.children[0].disabled = 'true';
      } catch (e) {
        // ignore this
      }
  }

Наслаждаться :)