Я использую ngx-intl-tel-input версии 2.2.0 [совместимо с Angular 7]. У меня есть страница, где она содержит все данные человека [например, имя, фамилия, DOB, адрес, страна, телефон и т. Д.]. Поэтому, когда я сохраняю номер телефона вместе с кодом страны, он успешно сохраняется. Однако при перезагрузке на той же странице флаг страны не отображается в соответствии с сохраненным телефоном. Я хочу отобразить правильный флаг страны на основе кода страны с сохраненным номером телефона. Например, я установил для defaultcountry значение CountryISO.Switzerland в своем коде. Затем я выбираю другой флаг страны, например «Франция», и сохраняю номер телефона [например, +33123456789]. На странице refre sh телефон остается прежним, но флаг становится Швейцарией, а не Францией. Пожалуйста, посоветуйте, пожалуйста, как решить эту проблему. Мой код выглядит следующим образом: в HTML компоненте,
<ngx-intl-tel-input class="custom-intl-tel-input" [cssClass]="'custom'" [preferredCountries]="preferredCountries" [enableAutoCountrySelect]="false" [enablePlaceholder]="true" [searchCountryFlag]="true" [searchCountryField]="['iso2', 'name']" [selectFirstCountry]="false" [selectedCountryISO]="defaultCountry" [maxLength]="15" [tooltipField]="'name'" [phoneValidation]="true" name="phoneC" id="phoneC" (ngModelChange)="onChangeTelephone($event)" [ngModelOptions]="{updateOn: 'blur'}" [(ngModel)]="contact.telephone" #phoneC="ngModel"> </ngx-intl-tel-input>
в компоненте TS,
this.preferredCountries = [CountryISO.Mexico]; this.defaultCountry = [CountryISO.Switzerland]; onChangeTelephone(event) { // save international number +33123456789 }
Большое спасибо