Как установить значение префикса в ионном текстовом поле в <ion-input>? - PullRequest
Новая
       38

Как установить значение префикса в ионном текстовом поле в <ion-input>?

0 голосов
/ 12 сентября 2018

В настоящее время я получаю данные от пользователя (в данном случае это номер мобильного телефона).Здесь в настоящее время я объявил таким образом, что если мы нажмем <ion-input>, он автоматически добавит «+27», но в настоящее время он редактируемый (т. Е. Мы можем удалить +27).

Но я нене хотите, чтобы его удалили?перепробовал несколько методов, но ни один не удался.Я также пытался установить этот «+27» только для чтения в одном <ion-input> и другом входе для ввода номера мобильного телефона.Но это приводит к свертыванию пользовательского интерфейса (т. Е. Это поле номера мобильного телефона скрывается где-то еще).

Вот что я пробовал:

Мой HTML: 

<ion-item>
                        <ion-icon name="md-phone-portrait" class="iconstyle" item-start></ion-icon>
                        <ion-label color="iconcolor" floating>Mobile Number</ion-label>
                        <ion-input no-border class="mydate" type="tel" [(ngModel)]="vm.mobileNumber" minlength="12" maxlength="12" (tap)="mobilecode()"
                                   formControlName="mobile" tabindex="1" (keyup)="moveFocus($event,password, false)"></ion-input>
                    </ion-item>

Мой файл TS: 

public changeMobile() {
        if (this.vm.mobileNumber.length == 0)
            this.vm.mobileNumber = "+27"

    }

Мне нужно, чтобы яне хотите, чтобы код страны удалялся, даже если пользователь нажал клавишу возврата.

...